From bd1b2e82fdc6ff1725bab61593e1f54d0b975fe0 Mon Sep 17 00:00:00 2001
From: Jonas Dellinger <jonas@dellinger.dev>
Date: Tue, 31 May 2022 18:05:26 +0200
Subject: Move store opening to frontend only

---
 frontend/src/components/PluginView.tsx | 14 ++++++++++++--
 frontend/src/components/TitleView.tsx  | 16 ++--------------
 2 files changed, 14 insertions(+), 16 deletions(-)

(limited to 'frontend/src')

diff --git a/frontend/src/components/PluginView.tsx b/frontend/src/components/PluginView.tsx
index 4bc159e2..78bb22c2 100644
--- a/frontend/src/components/PluginView.tsx
+++ b/frontend/src/components/PluginView.tsx
@@ -1,12 +1,17 @@
-import { ButtonItem, DialogButton, PanelSection, PanelSectionRow } from 'decky-frontend-lib';
+import { ButtonItem, DialogButton, PanelSection, PanelSectionRow, Router } from 'decky-frontend-lib';
 import { VFC } from 'react';
-import { FaArrowLeft } from 'react-icons/fa';
+import { FaArrowLeft, FaStore } from 'react-icons/fa';
 
 import { useDeckyState } from './DeckyState';
 
 const PluginView: VFC = () => {
   const { plugins, activePlugin, setActivePlugin, closeActivePlugin } = useDeckyState();
 
+  const onStoreClick = () => {
+    Router.CloseSideMenus();
+    Router.NavigateToExternalWeb('http://127.0.0.1:1337/browser/redirect');
+  };
+
   if (activePlugin) {
     return (
       <div style={{ height: '100%' }}>
@@ -22,6 +27,11 @@ const PluginView: VFC = () => {
 
   return (
     <PanelSection>
+      <div style={{ position: 'absolute', top: '3px', right: '16px', zIndex: 20 }}>
+        <DialogButton style={{ minWidth: 0, padding: '10px 12px' }} onClick={onStoreClick}>
+          <FaStore style={{ display: 'block' }} />
+        </DialogButton>
+      </div>
       {plugins.map(({ name, icon }) => (
         <PanelSectionRow key={name}>
           <ButtonItem layout="below" onClick={() => setActivePlugin(name)}>
diff --git a/frontend/src/components/TitleView.tsx b/frontend/src/components/TitleView.tsx
index 8ca81028..4b4a6825 100644
--- a/frontend/src/components/TitleView.tsx
+++ b/frontend/src/components/TitleView.tsx
@@ -1,25 +1,13 @@
-import { DialogButton, staticClasses } from 'decky-frontend-lib';
+import { staticClasses } from 'decky-frontend-lib';
 import { VFC } from 'react';
-import { FaShoppingBag } from 'react-icons/fa';
 
 import { useDeckyState } from './DeckyState';
 
 const TitleView: VFC = () => {
   const { activePlugin } = useDeckyState();
 
-  const openPluginStore = () => fetch('http://127.0.0.1:1337/methods/open_plugin_store', { method: 'POST' });
-
   if (activePlugin === null) {
-    return (
-      <div className={staticClasses.Title}>
-        Decky
-        <div style={{ position: 'absolute', top: '3px', right: '16px', zIndex: 20 }}>
-          <DialogButton style={{ minWidth: 0, padding: '10px 12px' }} onClick={openPluginStore}>
-            <FaShoppingBag style={{ display: 'block' }} />
-          </DialogButton>
-        </div>
-      </div>
-    );
+    return <div className={staticClasses.Title}>Decky</div>;
   }
 
   return (
-- 
cgit v1.2.3