From aa8b6903658a317a5296e4c0f266cd6455f76c99 Mon Sep 17 00:00:00 2001
From: Adrian Delgado <git@adrianjdelgado.com>
Date: Sun, 4 Aug 2024 20:22:52 -0500
Subject: [PATCH] Handle comments

---
 .../components/{ProjectCard.svelte => CommonCard.svelte}   | 5 +++--
 src/lib/components/MoreButton.svelte                       | 3 ---
 src/routes/projects/+page.svelte                           | 7 +++----
 src/routes/projects/+page.ts                               | 3 +++
 4 files changed, 9 insertions(+), 9 deletions(-)
 rename src/lib/components/{ProjectCard.svelte => CommonCard.svelte} (89%)
 delete mode 100644 src/lib/components/MoreButton.svelte

diff --git a/src/lib/components/ProjectCard.svelte b/src/lib/components/CommonCard.svelte
similarity index 89%
rename from src/lib/components/ProjectCard.svelte
rename to src/lib/components/CommonCard.svelte
index 2e628c0..4c7e6c0 100644
--- a/src/lib/components/ProjectCard.svelte
+++ b/src/lib/components/CommonCard.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import Tag from "$lib/components/Tag.svelte";
-	import MoreButton from "$lib/components/MoreButton.svelte";
 
 	type Props = {
 		term: string;
@@ -28,6 +27,8 @@
 				<img src="https://via.placeholder.com/150" alt={author} class="h-4 w-4 rounded-full" />
 			{/each} -->
 		</div>
-		<MoreButton />
+		<button class="rounded-full bg-lime-500 px-2 font-fira text-sm font-bold text-black">
+			Ver más
+		</button>
 	</div>
 </div>
diff --git a/src/lib/components/MoreButton.svelte b/src/lib/components/MoreButton.svelte
deleted file mode 100644
index 646ce97..0000000
--- a/src/lib/components/MoreButton.svelte
+++ /dev/null
@@ -1,3 +0,0 @@
-<button class="rounded-full bg-lime-500 px-2 font-fira text-sm font-bold text-black">
-	Ver más
-</button>
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
index a9b4b1d..8e69570 100644
--- a/src/routes/projects/+page.svelte
+++ b/src/routes/projects/+page.svelte
@@ -1,14 +1,13 @@
 <script lang="ts">
-	import ProjectCard from "$lib/components/ProjectCard.svelte";
-	import { projects } from "$lib/data/projects.json";
+	import CommonCard from "$lib/components/CommonCard.svelte";
 
 	let { data } = $props();
 </script>
 
 <p class="font-medium">{data.description}</p>
 <div class="mt-8 flex flex-col items-center sm:flex sm:flex-row sm:flex-wrap">
-	{#each projects as project}
-		<ProjectCard
+	{#each data.projects as project}
+		<CommonCard
 			term={project.term}
 			name={project.name}
 			category={project.category}
diff --git a/src/routes/projects/+page.ts b/src/routes/projects/+page.ts
index 3296834..5320232 100644
--- a/src/routes/projects/+page.ts
+++ b/src/routes/projects/+page.ts
@@ -1,9 +1,12 @@
 import type { PageLoad } from "./$types";
+import { projects } from "$lib/data/projects.json";
 
 export const load = (async () => {
 	return {
 		title: "Proyectos",
 		// TODO: change this to a real description
 		description: "Aquí ponemos los proyectos que nos enorgullecen... y lo que hay ¯\\_(ツ)_/¯",
+		// TODO: fetch from API
+		projects,
 	};
 }) satisfies PageLoad;