From 1ce0568563bd72a339a95a6d14f813de21277da0 Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Thu, 28 Aug 2025 10:18:18 +0100
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20Organize=20SVGs=20componen?=
 =?UTF-8?q?ts,=20create=20svgs=20folder?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/{ => svgs}/copySvg.svelte     | 0
 src/components/{ => svgs}/downloadSvg.svelte | 0
 src/components/{ => svgs}/sortSvgs.svelte    | 0
 src/components/{ => svgs}/svgCard.svelte     | 9 ++++-----
 src/routes/+page.svelte                      | 8 +++-----
 src/routes/directory/[category]/+page.svelte | 6 ++----
 6 files changed, 9 insertions(+), 14 deletions(-)
 rename src/components/{ => svgs}/copySvg.svelte (100%)
 rename src/components/{ => svgs}/downloadSvg.svelte (100%)
 rename src/components/{ => svgs}/sortSvgs.svelte (100%)
 rename src/components/{ => svgs}/svgCard.svelte (96%)

diff --git a/src/components/copySvg.svelte b/src/components/svgs/copySvg.svelte
similarity index 100%
rename from src/components/copySvg.svelte
rename to src/components/svgs/copySvg.svelte
diff --git a/src/components/downloadSvg.svelte b/src/components/svgs/downloadSvg.svelte
similarity index 100%
rename from src/components/downloadSvg.svelte
rename to src/components/svgs/downloadSvg.svelte
diff --git a/src/components/sortSvgs.svelte b/src/components/svgs/sortSvgs.svelte
similarity index 100%
rename from src/components/sortSvgs.svelte
rename to src/components/svgs/sortSvgs.svelte
diff --git a/src/components/svgCard.svelte b/src/components/svgs/svgCard.svelte
similarity index 96%
rename from src/components/svgCard.svelte
rename to src/components/svgs/svgCard.svelte
index a49a522..1dbbaa8 100644
--- a/src/components/svgCard.svelte
+++ b/src/components/svgs/svgCard.svelte
@@ -6,9 +6,9 @@
   import XIcon from "@lucide/svelte/icons/x";
   import TagIcon from "@lucide/svelte/icons/tag";
   import LinkIcon from "@lucide/svelte/icons/link";
+  import PaletteIcon from "@lucide/svelte/icons/palette";
   import SparklesIcon from "@lucide/svelte/icons/sparkles";
   import BaselineIcon from "@lucide/svelte/icons/baseline";
-  import PaletteIcon from "@lucide/svelte/icons/palette";
   import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
 
   // UI Components:
@@ -17,10 +17,9 @@
   import { Button, buttonVariants } from "@/components/ui/button";
 
   // Components:
-  import CopySvg from "@/components/copySvg.svelte";
-  import DownloadSvg from "@/components/downloadSvg.svelte";
-  import Heart from "@lucide/svelte/icons/heart";
-  import AddToFavorite from "./addToFavorite.svelte";
+  import CopySvg from "@/components/svgs/copySvg.svelte";
+  import DownloadSvg from "@/components/svgs/downloadSvg.svelte";
+  import AddToFavorite from "@/components/addToFavorite.svelte";
 
   // Props:
   interface Props {
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index ba713ff..846b6c8 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -9,8 +9,8 @@
   // Components:
   import Grid from "@/components/grid.svelte";
   import Search from "@/components/search.svelte";
-  import SvgCard from "@/components/svgCard.svelte";
-  import SortSvgs from "@/components/sortSvgs.svelte";
+  import SvgCard from "@/components/svgs/svgCard.svelte";
+  import SortSvgs from "@/components/svgs/sortSvgs.svelte";
   import Container from "@/components/container.svelte";
 
   import PageCard from "@/components/pageCard.svelte";
@@ -105,9 +105,7 @@
     />
   </div>
   <Container className="my-6">
-    <Grid
-      className="animate-in fill-mode-backwards fade-in slide-in-from-bottom-4 duration-500"
-    >
+    <Grid>
       {#each displaySvgs as svg}
         <SvgCard svgInfo={svg} />
       {/each}
diff --git a/src/routes/directory/[category]/+page.svelte b/src/routes/directory/[category]/+page.svelte
index c08fe8e..f954968 100644
--- a/src/routes/directory/[category]/+page.svelte
+++ b/src/routes/directory/[category]/+page.svelte
@@ -8,7 +8,7 @@
   // Components:
   import Grid from "@/components/grid.svelte";
   import Search from "@/components/search.svelte";
-  import SvgCard from "@/components/svgCard.svelte";
+  import SvgCard from "@/components/svgs/svgCard.svelte";
   import Container from "@/components/container.svelte";
 
   import PageCard from "@/components/pageCard.svelte";
@@ -116,9 +116,7 @@
     </div>
   </div>
   <Container className="my-6">
-    <Grid
-      className="animate-in fill-mode-backwards fade-in slide-in-from-bottom-4 duration-500"
-    >
+    <Grid>
       {#each filteredSvgs as svg}
         <SvgCard svgInfo={svg} />
       {/each}