From 4ceed73f88c5e4cef71867fd9770419830e630f2 Mon Sep 17 00:00:00 2001 From: Ananya Rana Date: Sat, 24 May 2025 22:02:21 +0530 Subject: [PATCH 01/13] settings page layout done --- .../src/routes/(auth)/e-passport/+page.svelte | 53 +- .../lib/fragments/BottomNav/BottomNav.svelte | 18 +- .../src/lib/fragments/Header/Header.svelte | 6 +- .../fragments/RightAside/RightAside.svelte | 19 + .../SettingsNavigationButton.stories.ts | 10 + .../SettingsNavigationButton.svelte | 17 +- .../src/lib/fragments/SideBar/SideBar.svelte | 88 +- platforms/metagram/src/lib/fragments/index.ts | 1 + .../metagram/src/lib/icons/Camera.svelte | 2 +- .../metagram/src/lib/icons/Settings.svelte | 30 +- .../src/routes/(protected)/+layout.svelte | 63 +- .../src/routes/(protected)/post/+page.svelte | 2 - .../(protected)/settings/[id]/+layout.svelte | 104 + .../settings/{ => [id]}/+page.svelte | 0 .../settings/[id]/account/+page.svelte | 4 + .../[id]/data-and-storage/+page.svelte | 0 .../[id]/direct-messages/+page.svelte | 0 .../settings/[id]/logout/+page.svelte | 0 .../settings/[id]/notifications/+page.svelte | 0 .../settings/[id]/support/+page.svelte | 1 + platforms/metagram/src/routes/+layout.svelte | 2 +- pnpm-lock.yaml | 15516 +++++++--------- 22 files changed, 6636 insertions(+), 9300 deletions(-) create mode 100644 platforms/metagram/src/lib/fragments/RightAside/RightAside.svelte create mode 100644 platforms/metagram/src/routes/(protected)/settings/[id]/+layout.svelte rename platforms/metagram/src/routes/(protected)/settings/{ => [id]}/+page.svelte (100%) create mode 100644 platforms/metagram/src/routes/(protected)/settings/[id]/account/+page.svelte create mode 100644 platforms/metagram/src/routes/(protected)/settings/[id]/data-and-storage/+page.svelte create mode 100644 platforms/metagram/src/routes/(protected)/settings/[id]/direct-messages/+page.svelte create mode 100644 platforms/metagram/src/routes/(protected)/settings/[id]/logout/+page.svelte create mode 100644 platforms/metagram/src/routes/(protected)/settings/[id]/notifications/+page.svelte create mode 100644 platforms/metagram/src/routes/(protected)/settings/[id]/support/+page.svelte diff --git a/infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte b/infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte index d8ae1848..8dcb8797 100644 --- a/infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte +++ b/infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte @@ -1,36 +1,41 @@ - -
+
+ -

Your eVault

-

We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.

- +

+ We’ve also created your eVault—secure cloud storage for your + personal data. W3DS platforms access it directly, keeping you in + control. +

+
Finish -
\ No newline at end of file +
diff --git a/platforms/metagram/src/lib/fragments/BottomNav/BottomNav.svelte b/platforms/metagram/src/lib/fragments/BottomNav/BottomNav.svelte index f5b99e0e..6175ec8b 100644 --- a/platforms/metagram/src/lib/fragments/BottomNav/BottomNav.svelte +++ b/platforms/metagram/src/lib/fragments/BottomNav/BottomNav.svelte @@ -14,20 +14,18 @@ profileSrc = 'https://picsum.photos/200' }: IBottomNavProps = $props(); - const tabs = ['home', 'discover', 'post', 'messages', 'profile']; + const tabs = ['home', 'discover', 'post', 'messages', 'profile', 'settings']; let previousTab = $state('home'); let _activeTab = $derived(page.url.pathname); + let fullPath = $derived(page.url.pathname); const handleNavClick = (newTab: string) => { // activeTab = newTab; isNavigatingThroughNav.value = true; - const fromIndex = tabs.indexOf(previousTab); const toIndex = tabs.indexOf(newTab); - const direction = toIndex > fromIndex ? 'right' : 'left'; document.documentElement.setAttribute('data-transition', direction); - previousTab = newTab; goto(`/${newTab}`); }; @@ -40,7 +38,7 @@