add store page

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"

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>

src/interface/pages/Store.tsx

@@ -0,0 +1,9 @@
+const Store = () => {
+  return (
+    <div>
+      <h2>Store</h2>
+    </div>
+  )
+}
+
+export default Store;