fix: notifications to history

ForkbombEu · May 3, 2024 · 59c9f39 · 59c9f39
1 parent c23c607
commit 59c9f39
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 7 deletions.
diff --git a/src/lib/components/tabs/TabPage.svelte b/src/lib/components/tabs/TabPage.svelte
@@ -4,11 +4,10 @@
 
 	export let tab: Tab;
 	export let title: string;
-	export let settings = false
 </script>
 
 <ion-tab {tab}>
-	<Header backButton={false} {settings}>{title}</Header>
+	<Header backButton={false}>{title}</Header>
 
 	<ion-content fullscreen class="ion-padding">
 		<slot />

diff --git a/src/lib/components/tabs/index.ts b/src/lib/components/tabs/index.ts
@@ -1,6 +1,6 @@
 export const Tabs = {
 	home: 'home',
-	notifications: 'notifications',
+	history: 'history',
 	profile: 'profile'
 } as const;
 

diff --git a/src/routes/[[lang]]/(protected)/(tabs)/+layout.svelte b/src/routes/[[lang]]/(protected)/(tabs)/+layout.svelte
@@ -11,7 +11,7 @@
 
 	const tabs: IonTabProps[] = [
 		{ label: 'Home', icon: home, tab: Tabs.home },
-		{ label: 'Notifications', icon: notificationsOutline, tab: Tabs.notifications },
+		{ label: 'History', icon: notificationsOutline, tab: Tabs.history },
 		{ label: 'Profile', icon: personOutline, tab: Tabs.profile }
 	];
 </script>

diff --git a/...tected)/(tabs)/notifications/+page.svelte → ...]/(protected)/(tabs)/history/+page.svelte b/...tected)/(tabs)/notifications/+page.svelte → ...]/(protected)/(tabs)/history/+page.svelte
@@ -1,14 +1,16 @@
 <script lang="ts">
 	import { TabPage } from '$lib/components/tabs';
 	import dayjs from 'dayjs';
+	import relativeTime from 'dayjs/plugin/relativeTime';
 
+	dayjs.extend(relativeTime);
 	export let data;
 	const { verifiedSids } = data;
 </script>
 
-<TabPage tab="notifications" title="Notifications">
+<TabPage tab="history" title="History">
 	<div class="flex flex-col items-center justify-center gap-2">
-		{#each verifiedSids as verifiedSid}
+		{#each verifiedSids.reverse() as verifiedSid}
 			<div class="flex flex-col rounded-md border-on bg-primary p-4 w-full">
 				<div class="flex flex-col items-start justify-center gap-1">
 					<d-heading size="s">{verifiedSid.sid}</d-heading>
@@ -17,7 +19,7 @@
 						<div
 							class="h-[5px] w-[5px] shrink-0 rounded-full border border-solid border-warning bg-warning"
 						/>
-						<d-text size="s">{dayjs.unix(verifiedSid.at).toString()}</d-text>
+						<d-text size="s">{dayjs().to(dayjs.unix(verifiedSid.at))}</d-text>
 					</div>
 				</div>
 			</div>

diff --git a/...(protected)/(tabs)/notifications/+page.ts → ...ang]]/(protected)/(tabs)/history/+page.ts b/...(protected)/(tabs)/notifications/+page.ts → ...ang]]/(protected)/(tabs)/history/+page.ts