From 9b64c3c260519f9d25e6fd89333385894ac233e1 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Sun, 7 Apr 2024 17:28:36 +1000
Subject: [PATCH] add store page

---
 src/interface/components/ThemeSelector.tsx | 8 ++++++++
 src/interface/main.tsx                     | 2 ++
 src/interface/pages/Store.tsx              | 9 +++++++++
 3 files changed, 19 insertions(+)
 create mode 100644 src/interface/pages/Store.tsx

diff --git a/src/interface/components/ThemeSelector.tsx b/src/interface/components/ThemeSelector.tsx
index 7e5b2280..3f41e96c 100644
--- a/src/interface/components/ThemeSelector.tsx
+++ b/src/interface/components/ThemeSelector.tsx
@@ -118,6 +118,14 @@ const ThemeSelector: ForwardRefExoticComponent<Omit<ThemeSelectorProps, "ref"> &
           />
         ))}
 
+        <button
+          onClick={() => Browser.tabs.create({ url: Browser.runtime.getURL('src/interface/index.html#store')})}
+          className="flex items-center justify-center w-full mt-2 transition aspect-theme rounded-xl bg-zinc-100 dark:bg-zinc-900 dark:text-white"
+        >
+          <span className="text-xl font-IconFamily">{'\uecc5'}</span>
+          <span className="ml-2">Theme Store</span>
+        </button>
+
         <button
           onClick={() => Browser.runtime.sendMessage({ type: 'currentTab', info: 'OpenThemeCreator' })}
           className="flex items-center justify-center w-full transition aspect-theme rounded-xl bg-zinc-100 dark:bg-zinc-900 dark:text-white"
diff --git a/src/interface/main.tsx b/src/interface/main.tsx
index 94fdce2b..6a4e0d8d 100644
--- a/src/interface/main.tsx
+++ b/src/interface/main.tsx
@@ -8,6 +8,7 @@ import font from '../resources/fonts/IconFamily.woff'
 
 import * as Sentry from "@sentry/react";
 import ThemeCreator from './pages/ThemeCreator';
+import Store from './pages/Store';
 
 browser.storage.local.get().then(({ telemetry, DarkMode }) => {
   if (DarkMode) document.body.classList.add('dark');
@@ -42,6 +43,7 @@ root.render(
         <Routes>
           <Route path="/settings" element={<SettingsPage standalone={true} />} />
           <Route path="/settings/embedded" element={<SettingsPage standalone={false} />} />
+          <Route path="/store" element={<Store />} />
           <Route path="/themeCreator" element={<ThemeCreator />} />
         </Routes>
       </HashRouter>
diff --git a/src/interface/pages/Store.tsx b/src/interface/pages/Store.tsx
new file mode 100644
index 00000000..a947a044
--- /dev/null
+++ b/src/interface/pages/Store.tsx
@@ -0,0 +1,9 @@
+const Store = () => {
+  return (
+    <div>
+      <h2>Store</h2>
+    </div>
+  )
+}
+
+export default Store;
\ No newline at end of file