From 9cc14b4a59aa8500d1dd5c274b975007d5dd140a Mon Sep 17 00:00:00 2001
From: Vin Lim <vin.lim.yh@gmail.com>
Date: Tue, 29 Sep 2026 13:28:03 +0800
Subject: [PATCH] Add missing splash loading spinner and fix its extension path

---
 pages/popup/public/loading-icon.svg     | 4 ++++
 pages/popup/src/pages/splash/Splash.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)
 create mode 100644 pages/popup/public/loading-icon.svg

diff --git a/pages/popup/public/loading-icon.svg b/pages/popup/public/loading-icon.svg
new file mode 100644
index 00000000..1cef2f8d
--- /dev/null
+++ b/pages/popup/public/loading-icon.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="24" cy="24" r="20" stroke="#FFFFFF" stroke-opacity="0.5" stroke-width="4"/>
+<path d="M24 4A20 20 0 0 1 44 24" stroke="#27272A" stroke-width="4" stroke-linecap="round"/>
+</svg>
diff --git a/pages/popup/src/pages/splash/Splash.tsx b/pages/popup/src/pages/splash/Splash.tsx
index 3a0e2783..22944900 100644
--- a/pages/popup/src/pages/splash/Splash.tsx
+++ b/pages/popup/src/pages/splash/Splash.tsx
@@ -15,7 +15,7 @@ const Splash: React.FC = () => {
 
 const LoadingScreen = () => (
   <div className="bg-primary-yellow flex items-center justify-center w-full h-full">
-    <img src={chrome.runtime.getURL('loading-icon.svg')} alt="Loading..." className="w-12 h-12 animate-spin" />
+    <img src={chrome.runtime.getURL('popup/loading-icon.svg')} alt="Loading..." className="w-12 h-12 animate-spin" />
   </div>
 );