From d50f928520893268edd19d14b25b3d99794f6a50 Mon Sep 17 00:00:00 2001
From: PhilReact <philliplangmartinez@gmail.com>
Date: Sat, 2 Nov 2024 08:48:52 +0200
Subject: [PATCH] fix dev mode input

---
 src/components/Apps/AppsDevModeHome.tsx   |  6 +-
 src/components/Apps/AppsDevModeNavBar.tsx | 86 ++++-------------------
 2 files changed, 16 insertions(+), 76 deletions(-)

diff --git a/src/components/Apps/AppsDevModeHome.tsx b/src/components/Apps/AppsDevModeHome.tsx
index 3ffeccf..a5b4df1 100644
--- a/src/components/Apps/AppsDevModeHome.tsx
+++ b/src/components/Apps/AppsDevModeHome.tsx
@@ -59,11 +59,11 @@ export const AppsDevModeHome = ({
           });
           return;
         }
-        await show({
+        const {portVal, domainVal} = await show({
           message: "",
           publishFee: "",
         });
-        const framework = domain + ":" + port;
+        const framework = domainVal + ":" + portVal;
         const response = await fetch(
           `${getBaseApiReact()}/developer/proxy/start`,
           {
@@ -170,7 +170,7 @@ export const AppsDevModeHome = ({
             <Button
               disabled={!domain || !port}
               variant="contained"
-              onClick={onOk}
+              onClick={()=> onOk({portVal: port, domainVal: domain})}
               autoFocus
             >
               Add
diff --git a/src/components/Apps/AppsDevModeNavBar.tsx b/src/components/Apps/AppsDevModeNavBar.tsx
index 11b626c..6908504 100644
--- a/src/components/Apps/AppsDevModeNavBar.tsx
+++ b/src/components/Apps/AppsDevModeNavBar.tsx
@@ -186,87 +186,27 @@ export const AppsDevModeNavBar = () => {
             src={NavAdd}
           />
         </ButtonBase>
+       
         <ButtonBase
           onClick={(e) => {
-            if (!selectedTab) return;
-            handleClick(e);
+            executeEvent("refreshApp", {
+              tabId: selectedTab?.tabId,
+            });
           }}
         >
-          <img
-            style={{
-              height: "34px",
-              width: "34px",
-            }}
-            src={NavMoreMenu}
-          />
+          <RefreshIcon
+             
+              sx={{
+                color: "rgba(250, 250, 250, 0.5)",
+                width: '40px',
+                height: 'auto'
+              }}
+            />
         </ButtonBase>
       </AppsNavBarRight>
       )}
       
-      <Menu
-        id="navbar-more-mobile"
-        anchorEl={anchorEl}
-        open={open}
-        onClose={handleClose}
-        MenuListProps={{
-          "aria-labelledby": "basic-button",
-        }}
-        anchorOrigin={{
-          vertical: "bottom",
-          horizontal: "center",
-        }}
-        transformOrigin={{
-          vertical: "top",
-          horizontal: "center",
-        }}
-        slotProps={{
-          paper: {
-            sx: {
-              backgroundColor: "var(--bg-primary)",
-              color: "#fff",
-              width: "148px",
-              borderRadius: "5px",
-            },
-          },
-        }}
-        sx={{
-          marginTop: "10px",
-        }}
-      >
-
-        <MenuItem
-          onClick={() => {
-            executeEvent("refreshApp", {
-              tabId: selectedTab?.tabId,
-            });
-            handleClose();
-          }}
-        >
-          <ListItemIcon
-            sx={{
-              minWidth: "24px !important",
-              marginRight: "5px",
-            }}
-          >
-            <RefreshIcon
-              height={20}
-              sx={{
-                color: "rgba(250, 250, 250, 0.5)",
-              }}
-            />
-          </ListItemIcon>
-          <ListItemText
-            sx={{
-              "& .MuiTypography-root": {
-                fontSize: "12px",
-                fontWeight: 600,
-                color: "rgba(250, 250, 250, 0.5)",
-              },
-            }}
-            primary="Refresh"
-          />
-        </MenuItem>
-      </Menu>
+     
     </AppsNavBarParent>
   );
 };