Skip to content

Commit cb775bb

Browse files
grv-saini-20grv-saini-20
committed
fix: colors
1 parent b7d7a01 commit cb775bb

File tree

8 files changed

+90
-90
lines changed

8 files changed

+90
-90
lines changed

‎infrastructure/eid-wallet/src/lib/fragments/IdentifierCard/IdentifierCard.svelte‎

Lines changed: 17 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,25 @@
11
<script lang="ts">
2-
import { ButtonAction } from "$lib/ui";
3-
import { cn } from "$lib/utils";
4-
import type { HTMLAttributes } from "svelte/elements";
2+
import { ButtonAction } from "$lib/ui";
3+
import { cn } from "$lib/utils";
4+
import type { HTMLAttributes } from "svelte/elements";
55
6-
interface IIdentifierCard extends HTMLAttributes<HTMLElement> {
7-
eName: string, code: string
8-
}
6+
interface IIdentifierCard extends HTMLAttributes<HTMLElement> {
7+
eName: string;
8+
code: string;
9+
}
910
10-
let {eName = "", code = "", ...restProps}:IIdentifierCard = $props();
11+
let { eName = "", code = "", ...restProps }: IIdentifierCard = $props();
1112
12-
const handleCopy = async () => {
13-
try {
14-
await navigator.clipboard.writeText(code);
15-
console.log("Copied to clipboard!");
16-
} catch (error) {
17-
console.error("Failed to copy:", error);
18-
}
19-
};
13+
const handleCopy = async () => {
14+
try {
15+
await navigator.clipboard.writeText(code);
16+
console.log("Copied to clipboard!");
17+
} catch (error) {
18+
console.error("Failed to copy:", error);
19+
}
20+
};
2021
21-
const cBase = "relative w-full bg-black py-6 px-8 rounded-2xl";
22+
const cBase = "relative w-full bg-black py-6 px-8 rounded-2xl";
2223
</script>
2324

2425
<article {...restProps} class={cn(`${cBase}`, restProps.class)}>

‎infrastructure/eid-wallet/src/lib/fragments/index.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,2 @@
1-
export {default as Header} from "./Header/Header.svelte";
1+
export { default as Header } from "./Header/Header.svelte";
22
export { default as IdentifierCard } from "./IdentifierCard/IdentifierCard.svelte";

‎infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,10 @@
11
<script lang="ts">
2-
import { ButtonAction } from "$lib/ui";
2+
import { ButtonAction } from "$lib/ui";
33
4-
let usedStorage = $state(50);
5-
let totalStorage = $state(90);
4+
let usedStorage = $state(50);
5+
let totalStorage = $state(90);
66
7-
const handleFinish = async() => {
8-
9-
}
7+
const handleFinish = async () => {};
108
</script>
119

1210

@@ -19,12 +17,12 @@
1917
<h1 class="text-xl text-black font-semibold mb-[0.5vh]">Your eVault</h1>
2018
<p class="text-base text-black-700 font-normal mb-[3vh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
2119
</section>
22-
<section class="bg-gray-900 rounded-[24px] p-[24px]">
20+
<section class="bg-gray rounded-[24px] p-[24px]">
2321
<div class="flex justify-between items-center mb-[12px]">
2422
<p class="text-base font-normal text-black">{usedStorage}GB used</p>
2523
<p class="text-base font-normal text-black">{totalStorage}GB total storage</p>
2624
</div>
27-
<progress class="progress progress-secondary bg-primary-700 w-full h-[16px] rounded-xl" value={(usedStorage/totalStorage)*100} max="100"></progress>
25+
<progress class="progress progress-secondary bg-primary-400 w-full h-[16px] rounded-xl" value={(usedStorage/totalStorage)*100} max="100"></progress>
2826
</section>
2927
<ButtonAction class="w-full" callback={handleFinish}>Finish</ButtonAction>
3028
</main>

‎infrastructure/eid-wallet/src/routes/(auth)/onboarding/+page.svelte‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
<script lang="ts">
2-
import { goto } from "$app/navigation";
3-
import { Drawer, ButtonAction } from "$lib/ui";
2+
import { goto } from "$app/navigation";
3+
import { Drawer, ButtonAction } from "$lib/ui";
44
5-
let isPaneOpen = $state(false);
5+
let isPaneOpen = $state(false);
66
7-
const handleGetStarted = async() => {
8-
//get started functionality
9-
isPaneOpen = true;
10-
}
7+
const handleGetStarted = async () => {
8+
//get started functionality
9+
isPaneOpen = true;
10+
};
1111
12-
const handleNext = async() => {
13-
//handle next functionlity
14-
goto("/verify")
15-
}
12+
const handleNext = async () => {
13+
//handle next functionlity
14+
goto("/verify");
15+
};
1616
</script>
1717

1818
<main class="pt-[3vh] px-[6vw] pb-[4.5vh]">

‎infrastructure/eid-wallet/src/routes/(auth)/register/+page.svelte‎

Lines changed: 45 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,54 @@
11
<script lang="ts">
2-
import { goto } from "$app/navigation";
3-
import {ButtonAction, InputPin,Drawer} from "$lib/ui";
4-
import { CircleLock01Icon, FaceIdIcon } from "@hugeicons/core-free-icons";
5-
import { HugeiconsIcon } from "@hugeicons/svelte";
6-
7-
let pin = $state("");
8-
let repeatPin = $state("");
9-
let firstStep = $state(true);
10-
let showDrawer = $state(false);
11-
let isBiometricScreen = $state(false);
12-
let isBiometricsAdded = $state(false);
13-
let isError = $state(false);
2+
import { goto } from "$app/navigation";
3+
import { ButtonAction, InputPin, Drawer } from "$lib/ui";
4+
import { CircleLock01Icon, FaceIdIcon } from "@hugeicons/core-free-icons";
5+
import { HugeiconsIcon } from "@hugeicons/svelte";
146
15-
const handleFirstStep = async() => {
16-
if(pin.length === 4) firstStep = false;
17-
}
7+
let pin = $state("");
8+
let repeatPin = $state("");
9+
let firstStep = $state(true);
10+
let showDrawer = $state(false);
11+
let isBiometricScreen = $state(false);
12+
let isBiometricsAdded = $state(false);
13+
let isError = $state(false);
1814
19-
const handleConfirm = async() => {
20-
//confirm pin logic goes here
21-
if(pin.length === 4 && repeatPin.length ===4 && pin === repeatPin) showDrawer = true;
22-
}
15+
const handleFirstStep = async () => {
16+
if (pin.length === 4) firstStep = false;
17+
};
2318
24-
const handleNext = async() => {
25-
//handle next logic goes here
26-
isBiometricScreen = true;
27-
}
19+
const handleConfirm = async () => {
20+
//confirm pin logic goes here
21+
if (pin.length === 4 && repeatPin.length === 4 && pin === repeatPin)
22+
showDrawer = true;
23+
};
2824
29-
const handleSkip = async() => {
30-
// handle skip biometics logic goes here
31-
}
25+
const handleNext = async () => {
26+
//handle next logic goes here
27+
isBiometricScreen = true;
28+
};
3229
33-
const handleSetupBiometrics = async() => {
34-
//handle setup biometrics logic goes here
35-
isBiometricsAdded = true
36-
}
30+
const handleSkip = async () => {
31+
// handle skip biometics logic goes here
32+
};
3733
38-
const handleEnableBiometrics = async() => {
39-
//handle enable biometrics logic goes here
40-
}
34+
const handleSetupBiometrics = async () => {
35+
//handle setup biometrics logic goes here
36+
isBiometricsAdded = true;
37+
};
4138
42-
const handleBiometricsAdded = async() => {
43-
//handle logic when biometrics added successfully
44-
goto("/review");
45-
}
39+
const handleEnableBiometrics = async () => {
40+
//handle enable biometrics logic goes here
41+
};
4642
47-
$effect(() => {
48-
if(repeatPin && repeatPin.length === 4 && pin !== repeatPin) isError = true;
49-
else isError = false;
50-
})
43+
const handleBiometricsAdded = async () => {
44+
//handle logic when biometrics added successfully
45+
goto("/review");
46+
};
47+
48+
$effect(() => {
49+
if (repeatPin && repeatPin.length === 4 && pin !== repeatPin) isError = true;
50+
else isError = false;
51+
});
5152
</script>
5253

5354
{#if firstStep}
@@ -65,7 +66,7 @@
6566
<h1 class="text-3xl text-black font-semibold mb-[1vh]">Re-enter your pin</h1>
6667
<p class="text-base text-black-700 font-normal mb-[14vh]">Confirm by entering pin again</p>
6768
<InputPin bind:pin={repeatPin} {isError}/>
68-
<p class={`text-base font-normal text-red-900 mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
69+
<p class={`text-base font-normal text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
6970
</section>
7071
<ButtonAction class="w-full" callback={handleConfirm}>Confirm</ButtonAction>
7172
</main>
@@ -74,7 +75,7 @@
7475

7576
<Drawer bind:isPaneOpen={showDrawer} isCancelRequired={true}>
7677
{#if !isBiometricScreen}
77-
<div class="relative bg-gray-900 w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
78+
<div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
7879
<span class="relative z-[1]">
7980
<HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
8081
</span>
@@ -85,7 +86,7 @@
8586
<p class="text-black-700 text-base font-normal mt-[0.5vh] mb-[2.3vh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
8687
<ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
8788
{:else}
88-
<div class="relative bg-gray-900 w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
89+
<div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
8990
<span class="relative z-[1]">
9091
<HugeiconsIcon icon={FaceIdIcon} color="var(--color-primary)" />
9192
</span>

‎infrastructure/eid-wallet/src/routes/(auth)/review/+page.svelte‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
<script lang="ts">
2-
import { goto } from "$app/navigation";
3-
import { IdentifierCard } from "$lib/fragments";
4-
import { ButtonAction } from "$lib/ui";
2+
import { goto } from "$app/navigation";
3+
import { IdentifierCard } from "$lib/fragments";
4+
import { ButtonAction } from "$lib/ui";
55
6-
const handleNext = async() => {
7-
await goto("/e-passport")
8-
}
6+
const handleNext = async () => {
7+
await goto("/e-passport");
8+
};
99
</script>
1010

1111
<main class="h-[100vh] pt-[5.2vh] px-[2.3vw] pb-[4.5vh] flex flex-col justify-between">

‎infrastructure/eid-wallet/src/routes/(auth)/verify/+page.svelte‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<script lang="ts">
2-
import { goto } from "$app/navigation";
3-
import {ButtonAction} from "$lib/ui";
2+
import { goto } from "$app/navigation";
3+
import { ButtonAction } from "$lib/ui";
44
</script>
55

66
<main class="h-[100vh] pt-[3vh] px-[6vw] pb-[4.5vh] flex flex-col justify-between items-center">

‎infrastructure/eid-wallet/src/routes/+page.svelte‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<script lang="ts">
2-
import { goto } from "$app/navigation";
3-
import ButtonAction from "$lib/ui/Button/ButtonAction.svelte";
2+
import { goto } from "$app/navigation";
3+
import ButtonAction from "$lib/ui/Button/ButtonAction.svelte";
44
</script>
55

66
<ButtonAction callback={async() => await(goto("/onboarding"))}>Onboarding Flow</ButtonAction>

0 commit comments

Comments
 (0)