From e22f24108b56927737cee204030cfced1db6abce Mon Sep 17 00:00:00 2001
From: Klesti Selimaj <klesti.selimay@icloud.com>
Date: Fri, 3 Apr 2026 16:27:29 +0200
Subject: [PATCH] Improved assets

---
 src/App.tsx                     |   3 ++-
 {public => src/assets}/bg.png   | Bin
 {public => src/assets}/logo.png | Bin
 src/components/PlaySection.tsx  |   3 ++-
 tsconfig.json                   |   6 +++++-
 vite.config.ts                  |   6 ++++++
 6 files changed, 15 insertions(+), 3 deletions(-)
 rename {public => src/assets}/bg.png (100%)
 rename {public => src/assets}/logo.png (100%)

diff --git a/src/App.tsx b/src/App.tsx
index 77dacbb..a678677 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -11,6 +11,7 @@ import {
 import { getVersions, type GameVersion } from "./services/LauncherService";
 import { clsx, type ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
+import Logo from "@/assets/logo.png";
 
 // Utility for merging tailwind classes
 function cn(...inputs: ClassValue[]) {
@@ -71,7 +72,7 @@ const App: React.FC = () => {
       {/* Sidebar */}
       <aside className="w-16 border-r border-saturn-border flex flex-col items-center py-6 gap-6 bg-saturn-panel/50">
         <div>
-          <img src="/logo.png" alt="Saturn Logo" className="w-10 h-10" />
+          <img src={Logo} alt="Saturn Logo" className="w-10 h-10" />
         </div>
 
         <nav className="flex flex-col gap-4 h-full">
diff --git a/public/bg.png b/src/assets/bg.png
similarity index 100%
rename from public/bg.png
rename to src/assets/bg.png
diff --git a/public/logo.png b/src/assets/logo.png
similarity index 100%
rename from public/logo.png
rename to src/assets/logo.png
diff --git a/src/components/PlaySection.tsx b/src/components/PlaySection.tsx
index a9cfc36..aeb7221 100644
--- a/src/components/PlaySection.tsx
+++ b/src/components/PlaySection.tsx
@@ -1,6 +1,7 @@
 import React, { useState } from "react";
 import { Play, Loader2 } from "lucide-react";
 import { launchGame, type GameVersion } from "../services/LauncherService";
+import Bg from "@/assets/bg.png";
 
 interface PlaySectionProps {
   version: GameVersion;
@@ -35,7 +36,7 @@ const PlaySection: React.FC<PlaySectionProps> = ({ version }) => {
     <div className="h-full relative">
       {/* Background Image */}
       <img
-        src="/bg.png"
+        src={Bg}
         alt="Background"
         className="w-full h-full object-cover rounded-2xl brightness-50"
       />
diff --git a/tsconfig.json b/tsconfig.json
index a7fc6fb..8373f47 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -18,7 +18,11 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["src/*"]
+    }
   },
   "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]
diff --git a/vite.config.ts b/vite.config.ts
index 429a2de..864388f 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -30,4 +30,10 @@ export default defineConfig(async () => ({
       ignored: ["**/src-tauri/**"],
     },
   },
+
+  resolve: {
+    alias: {
+      "@": "/src",
+    },
+  },
 }));