Added button to open server files next to profile name (#47)

JensvandeWiel · Oct 31, 2023 · f9066fa · f9066fa
1 parent 4f003db
commit f9066fa
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/frontend/src/pages/Server.tsx b/frontend/src/pages/Server.tsx
@@ -4,13 +4,13 @@ import {
     Card, DialogActions,
     DialogContent,
     DialogTitle,
-    Divider,
+    Divider, IconButton,
     Input,
     Modal,
     ModalDialog,
     Tab,
     TabList,
-    Tabs
+    Tabs, Tooltip
 } from "@mui/joy";
 import {Settings} from "./server/Settings";
 import {General} from "./server/General";
@@ -25,8 +25,8 @@ import {
 } from "../../wailsjs/go/server/ServerController";
 import {InstallUpdater} from "./InstallUpdater";
 import {useAlert} from "../components/AlertProvider";
-import {EventsOff, EventsOn} from "../../wailsjs/runtime";
-import {IconAlertCircleFilled} from "@tabler/icons-react";
+import {BrowserOpenURL, EventsOff, EventsOn} from "../../wailsjs/runtime";
+import {IconAlertCircleFilled, IconExternalLink} from "@tabler/icons-react";
 
 
 type Props = {
@@ -100,7 +100,12 @@ export const Server = ({id, className}: Props) => {
             <Card className={className}>
                 {isInstalled? (<Tabs size="sm" className={'flex h-full w-full overflow-y-auto'}>
                     <div className={'h-16 flex w-full'}>
-                        <p className={'text-lg font-bold ml-8'}>{}<Input value={serv?.serverAlias} onChange={(e) => setServ((p) => ({ ...p, serverAlias: e.target.value }))}/></p>
+                        <div className="flex items-center">
+                            <Input value={serv?.serverAlias} onChange={(e) => setServ((p) => ({ ...p, serverAlias: e.target.value }))}/>
+                            <Tooltip title={"Open server install directory"}>
+                                <IconButton className="text-lg font-bold ml-2" onClick={() => BrowserOpenURL("file:///" + serv.serverPath)}><IconExternalLink/></IconButton>
+                            </Tooltip>
+                        </div>
 
 
                         <div className={'ml-auto my-auto mr-8'}>