From 89c33fb7bcb105d8eb7fa8c171b56fc379c58336 Mon Sep 17 00:00:00 2001
From: PhilReact <philliplangmartinez@gmail.com>
Date: Sun, 10 Nov 2024 17:33:01 +0200
Subject: [PATCH] added enter keyboard for devmode

---
 src/components/Apps/AppsDevModeHome.tsx | 113 +++++++++++++-----------
 1 file changed, 59 insertions(+), 54 deletions(-)

diff --git a/src/components/Apps/AppsDevModeHome.tsx b/src/components/Apps/AppsDevModeHome.tsx
index 6fe8787..b1c53c1 100644
--- a/src/components/Apps/AppsDevModeHome.tsx
+++ b/src/components/Apps/AppsDevModeHome.tsx
@@ -123,60 +123,65 @@ export const AppsDevModeHome = ({
         </ButtonBase>
       </AppsContainer>
       {isShow && (
-        <Dialog
-          open={isShow}
-          aria-labelledby="alert-dialog-title"
-          aria-describedby="alert-dialog-description"
-        >
-          <DialogTitle id="alert-dialog-title">
-            {"Add custom framework"}
-          </DialogTitle>
-          <DialogContent>
-            <Box
-              sx={{
-                display: "flex",
-                flexDirection: "column",
-                gap: "5px",
-              }}
-            >
-              <Label>Domain</Label>
-              <Input
-                placeholder="Domain"
-                value={domain}
-                onChange={(e) => setDomain(e.target.value)}
-              />
-            </Box>
-            <Box
-              sx={{
-                display: "flex",
-                flexDirection: "column",
-                gap: "5px",
-                marginTop: '15px'
-              }}
-            >
-              <Label>Port</Label>
-
-              <Input
-                placeholder="Port"
-                value={port}
-                onChange={(e) => setPort(e.target.value)}
-              />
-            </Box>
-          </DialogContent>
-          <DialogActions>
-            <Button variant="contained" onClick={onCancel}>
-              Close
-            </Button>
-            <Button
-              disabled={!domain || !port}
-              variant="contained"
-              onClick={()=> onOk({portVal: port, domainVal: domain})}
-              autoFocus
-            >
-              Add
-            </Button>
-          </DialogActions>
-        </Dialog>
+       <Dialog
+       open={isShow}
+       aria-labelledby="alert-dialog-title"
+       aria-describedby="alert-dialog-description"
+       onKeyDown={(e) => {
+         if (e.key === 'Enter' && domain && port) {
+           onOk({ portVal: port, domainVal: domain });
+         }
+       }}
+     >
+       <DialogTitle id="alert-dialog-title">
+         {"Add custom framework"}
+       </DialogTitle>
+       <DialogContent>
+         <Box
+           sx={{
+             display: "flex",
+             flexDirection: "column",
+             gap: "5px",
+           }}
+         >
+           <Label>Domain</Label>
+           <Input
+             placeholder="Domain"
+             value={domain}
+             onChange={(e) => setDomain(e.target.value)}
+           />
+         </Box>
+         <Box
+           sx={{
+             display: "flex",
+             flexDirection: "column",
+             gap: "5px",
+             marginTop: '15px'
+           }}
+         >
+           <Label>Port</Label>
+           <Input
+             placeholder="Port"
+             value={port}
+             onChange={(e) => setPort(e.target.value)}
+           />
+         </Box>
+       </DialogContent>
+       <DialogActions>
+         <Button variant="contained" onClick={onCancel}>
+           Close
+         </Button>
+         <Button
+           disabled={!domain || !port}
+           variant="contained"
+           onClick={() => onOk({ portVal: port, domainVal: domain })}
+           autoFocus
+         >
+           Add
+         </Button>
+       </DialogActions>
+     </Dialog>
+     
       )}
     </>
   );