Apps list updated with current app screenshot

ARK-Builders · Nov 21, 2024 · 8e01458 · 8e01458
1 parent 0b670ee
commit 8e01458
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/content/apps/retouch.md → content/retouch.md b/content/apps/retouch.md → content/retouch.md
diff --git a/src/lib/components/elements/AppsCard.svelte b/src/lib/components/elements/AppsCard.svelte
@@ -1,9 +1,18 @@
 <script lang="ts">
 	import { base } from '$app/paths'
 	import MemoImage1 from '$lib/assets/images/apps/memo/1.png'
+	import RateImage1 from '$lib/assets/images/apps/rate/1.png'
 	import { appLogos, type App } from '$utils/constants'
 
 	export let app: App
+
+	const appImages: Record<string, string> = {
+		rate1: RateImage1,
+		memo1: MemoImage1
+	}
+
+	const getImagesWithName = (name: string) =>
+		Object.entries(appImages).filter((value) => value[0].includes(name))[0]
 </script>
 
 <div class="flex flex-col gap-3 rounded-xl bg-arkGray5 p-5">
@@ -20,8 +29,8 @@
 	</div>
 
 	<img
-		class="max-h-[220px] rounded-md object-cover lg:max-h-[350px]"
-		src={MemoImage1}
+		class="max-h-[220px] rounded-md object-cover object-top lg:max-h-[350px]"
+		src={getImagesWithName(app.title.toLowerCase())[1]}
 		alt="{app.title} app screens"
 	/>