From f8f0b1e04a59f18859deff3afc03605bd0784d60 Mon Sep 17 00:00:00 2001
From: Jd-1206 <Jd1.ext4@gmail.com>
Date: Mon, 21 Oct 2024 19:15:08 -0400
Subject: [PATCH] icon fix attempt

Rewrote the website so I could have less problems with it... and here I am, having problems with it
---
 components/home/app-sidebar.tsx           |  20 ++++++++------------
 public/{images => assets}/RSDK.png        | Bin
 public/{images => assets}/RSDKGeneric.png | Bin
 public/{images => assets}/RSDKv3.png      | Bin
 public/{images => assets}/RSDKv4.png      | Bin
 public/{images => assets}/RSDKv5.png      | Bin
 public/{images => assets}/RSDKv5U.png     | Bin
 7 files changed, 8 insertions(+), 12 deletions(-)
 rename public/{images => assets}/RSDK.png (100%)
 rename public/{images => assets}/RSDKGeneric.png (100%)
 rename public/{images => assets}/RSDKv3.png (100%)
 rename public/{images => assets}/RSDKv4.png (100%)
 rename public/{images => assets}/RSDKv5.png (100%)
 rename public/{images => assets}/RSDKv5U.png (100%)

diff --git a/components/home/app-sidebar.tsx b/components/home/app-sidebar.tsx
index 0d09349..412990f 100644
--- a/components/home/app-sidebar.tsx
+++ b/components/home/app-sidebar.tsx
@@ -2,13 +2,10 @@
 
 import * as React from "react"
 
-import Image from 'next/image';
-
 import * as Icons from "lucide-react"
 import * as Collapsible from "@/components/ui/collapsible"
 import * as Dropdown from "@/components/ui/dropdown-menu"
 import * as Sidebar from "@/components/ui/sidebar"
-import { Command } from "@/components/ui/command";
 
 import { SettingsDialog } from "@/components/home/settings-dialog";
 
@@ -16,27 +13,27 @@ const RSDK_EngineList = [
     {
         title: "RSDKv2",
         url: "#",
-        icon: Icons.Inbox,
+        icon: "./assets/RSDKGeneric.png",
     },
     {
         title: "RSDKv3",
         url: "#",
-        icon: Icons.Inbox,
+        icon: "./assets/RSDKv3.png",
     },
     {
         title: "RSDKv4",
         url: "#",
-        icon: Icons.Inbox,
+        icon: "./assets/RSDKv4.png",
     },
     {
         title: "RSDKv5",
         url: "#",
-        icon: Icons.Inbox,
+        icon: "./assets/RSDKv5.png",
     },
     {
         title: "RSDKv5U",
         url: "#",
-        icon: Icons.Inbox,
+        icon: "./assets/RSDKv5U.png",
     },
 ]
 
@@ -74,8 +71,7 @@ export function AppSidebar() {
                             <Dropdown.DropdownMenuTrigger asChild>
                                 <Sidebar.SidebarMenuButton className="w-fit px-1.5">
                                     <div className="flex aspect-square size-5 items-center justify-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground">
-                                        {/* TODO: RSDK Icon */}
-                                        <img src="/images/RSDK.png" alt="Header Logo" width={32} height={32} />
+                                        <img src={`./assets/RSDK.png`} alt="header logo" width={32} height={32} />
                                     </div>
                                     <span className="truncate font-semibold">RSDK-Library</span>
                                     <Icons.ChevronDown className="opacity-50" />
@@ -125,6 +121,7 @@ export function AppSidebar() {
 
                     <Sidebar.SidebarSeparator />
 
+                    {/* RSDK Engines */}
                     <Collapsible.Collapsible defaultOpen className="group/collapsible">
                         <Sidebar.SidebarGroup>
                             <Sidebar.SidebarGroupLabel asChild>
@@ -134,14 +131,13 @@ export function AppSidebar() {
                                 </Collapsible.CollapsibleTrigger>
                             </Sidebar.SidebarGroupLabel>
 
-                            {/* RSDK Engines */}
                             <Collapsible.CollapsibleContent>
                                 <Sidebar.SidebarGroupContent>
                                     {RSDK_EngineList.map((item) => (
                                         <Sidebar.SidebarMenuItem key={item.title}>
                                             <Sidebar.SidebarMenuButton asChild>
                                                 <a href={item.url}>
-                                                    <item.icon />
+                                                    <img src={item.icon} alt="engine logo" width={16} height={16} />
                                                     <span>{item.title}</span>
                                                 </a>
                                             </Sidebar.SidebarMenuButton>
diff --git a/public/images/RSDK.png b/public/assets/RSDK.png
similarity index 100%
rename from public/images/RSDK.png
rename to public/assets/RSDK.png
diff --git a/public/images/RSDKGeneric.png b/public/assets/RSDKGeneric.png
similarity index 100%
rename from public/images/RSDKGeneric.png
rename to public/assets/RSDKGeneric.png
diff --git a/public/images/RSDKv3.png b/public/assets/RSDKv3.png
similarity index 100%
rename from public/images/RSDKv3.png
rename to public/assets/RSDKv3.png
diff --git a/public/images/RSDKv4.png b/public/assets/RSDKv4.png
similarity index 100%
rename from public/images/RSDKv4.png
rename to public/assets/RSDKv4.png
diff --git a/public/images/RSDKv5.png b/public/assets/RSDKv5.png
similarity index 100%
rename from public/images/RSDKv5.png
rename to public/assets/RSDKv5.png
diff --git a/public/images/RSDKv5U.png b/public/assets/RSDKv5U.png
similarity index 100%
rename from public/images/RSDKv5U.png
rename to public/assets/RSDKv5U.png