updating file browser buttons

its-a-feature · Jul 29, 2024 · 07bb9f4 · 07bb9f4
1 parent 23d9ecb
commit 07bb9f4
Show file tree

Hide file tree

Showing 7 changed files with 47 additions and 33 deletions.
diff --git a/MythicReactUI/src/components/pages/Callbacks/CallbacksTabsFileBrowser.js b/MythicReactUI/src/components/pages/Callbacks/CallbacksTabsFileBrowser.js
@@ -566,38 +566,27 @@ const FileBrowserTableTop = ({
                     InputProps={{
                         endAdornment: (
                             <React.Fragment>
-                                <MythicStyledTooltip title={`Move back to previous listing`}>
-                                    <IconButton style={{ padding: '3px' }}
-                                                disabled={historyIndex >= history.length -1 }
-                                                onClick={moveIndexToPreviousListing}
-                                                color='info'
-                                                size="large">
-                                        <ArrowBackIcon />
-                                    </IconButton>
-                                </MythicStyledTooltip>
-                                <MythicStyledTooltip title={`Move to next listing`}>
-                                    <IconButton style={{ padding: '3px' }}
-                                                disabled={historyIndex <= 0}
-                                                onClick={moveIndexToNextListing}
-                                                size="large"
-                                                color='info'>
-                                        <ArrowForwardIcon  />
-                                    </IconButton>
-                                </MythicStyledTooltip>
                                 <MythicStyledTooltip title={`Task current callback (${tabInfo["displayID"]}) to list contents`}>
-                                    <IconButton style={{ padding: '3px' }} onClick={onLocalListFilesButton} size="large">
+                                    <IconButton style={{ padding: '0 0px 0 0 ' }}
+                                                disableRipple={true} disableFocusRipple={true}
+                                                onClick={onLocalListFilesButton}
+                                                size="large">
                                         <RefreshIcon color='info' />
                                     </IconButton>
                                 </MythicStyledTooltip>
                                 <MythicStyledTooltip title={`Upload file to folder via current callback (${tabInfo["displayID"]})`}>
-                                    <IconButton style={{ padding: '3px' }} onClick={onLocalUploadFileButton} size="large">
+                                    <IconButton style={{ padding: '3px' }}
+                                                onClick={onLocalUploadFileButton}
+                                                disableRipple={true} disableFocusRipple={true}
+                                                size="large">
                                         <CloudUploadIcon color="info" />
                                     </IconButton>
                                 </MythicStyledTooltip>
                                 <MythicStyledTooltip title={showDeletedFiles ? 'Hide Deleted Files' : 'Show Deleted Files'}>
                                     <IconButton
                                         style={{ padding: '3px' }}
                                         onClick={onLocalToggleShowDeletedFiles}
+                                        disableRipple={true} disableFocusRipple={true}
                                         size="large">
                                         {showDeletedFiles ? (
                                             <VisibilityIcon color="success" />
@@ -609,20 +598,45 @@ const FileBrowserTableTop = ({
                             </React.Fragment>
                         ),
                         startAdornment: (
-                            <React.Fragment>
+                            <div style={{display: "inline-flex",
+                                alignItems: "center",
+                                borderRight: "1px solid grey",
+                                marginRight: "10px",
+                                padding: "0 5px 0 0"}}>
                                 {tokenOptions.length > 0 ? (
                                     <CallbacksTabsTaskingInputTokenSelect options={tokenOptions} changeSelectedToken={changeSelectedToken}/>
                                 ) : null}
+                                <MythicStyledTooltip title={`Move back to previous listing`}>
+                                    <IconButton style={{ padding: '3px' }}
+                                                disabled={historyIndex >= history.length -1 }
+                                                disableRipple={true} disableFocusRipple={true}
+                                                onClick={moveIndexToPreviousListing}
+                                                color='info'
+                                                size="large">
+                                        <ArrowBackIcon />
+                                    </IconButton>
+                                </MythicStyledTooltip>
+                                <MythicStyledTooltip title={`Move to next listing`}>
+                                    <IconButton style={{ padding: '3px' }}
+                                                disabled={historyIndex <= 0}
+                                                disableRipple={true} disableFocusRipple={true}
+                                                onClick={moveIndexToNextListing}
+                                                size="large"
+                                                color='info'>
+                                        <ArrowForwardIcon  />
+                                    </IconButton>
+                                </MythicStyledTooltip>
                                 <MythicStyledTooltip title={"Move up a directory"} >
-                                    <IconButton style={{padding: "3px"}}
+                                    <IconButton style={{padding: "0 0 0 0"}}
                                                 onClick={onLocalMoveUpDirectoryButton}
+                                                disableRipple={true} disableFocusRipple={true}
                                                 disabled={selectedFolderData.id === "" || selectedFolderData.parent_path_text === ""}
                                     >
                                         <KeyboardReturnIcon style={{rotate: "90deg"}} ></KeyboardReturnIcon>
                                     </IconButton>
-
                                 </MythicStyledTooltip>
-                        </React.Fragment>),
+
+                        </div>),
                         style: {  },
                     }}
                 />

diff --git a/MythicReactUI/src/index.js b/MythicReactUI/src/index.js
@@ -14,7 +14,7 @@ import {snackActions} from './components/utilities/Snackbar';
 import jwt_decode from 'jwt-decode';
 import {meState} from './cache';
 
-export const mythicUIVersion = "0.2.4";
+export const mythicUIVersion = "0.2.5";
 
 let fetchingNewToken = false;
 

diff --git a/mythic-react-docker/mythic/public/asset-manifest.json b/mythic-react-docker/mythic/public/asset-manifest.json
@@ -1,15 +1,15 @@
 {
   "files": {
     "main.css": "/new/static/css/main.7e143bf2.css",
-    "main.js": "/new/static/js/main.870dc238.js",
+    "main.js": "/new/static/js/main.589358a1.js",
     "static/media/mythic-red.png": "/new/static/media/mythic-red.203468a4e5240d239aa0.png",
     "static/media/mythic_red_small.svg": "/new/static/media/mythic_red_small.793b41cc7135cdede246661ec232976b.svg",
     "index.html": "/new/index.html",
     "main.7e143bf2.css.map": "/new/static/css/main.7e143bf2.css.map",
-    "main.870dc238.js.map": "/new/static/js/main.870dc238.js.map"
+    "main.589358a1.js.map": "/new/static/js/main.589358a1.js.map"
   },
   "entrypoints": [
     "static/css/main.7e143bf2.css",
-    "static/js/main.870dc238.js"
+    "static/js/main.589358a1.js"
   ]
 }
diff --git a/mythic-react-docker/mythic/public/index.html b/mythic-react-docker/mythic/public/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/new/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="apple-touch-icon" href="/new/logo192.png"/><link rel="manifest" href="/new/manifest.json"/><title>Mythic</title><script defer="defer" src="/new/static/js/main.870dc238.js"></script><link href="/new/static/css/main.7e143bf2.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/new/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="apple-touch-icon" href="/new/logo192.png"/><link rel="manifest" href="/new/manifest.json"/><title>Mythic</title><script defer="defer" src="/new/static/js/main.589358a1.js"></script><link href="/new/static/css/main.7e143bf2.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
diff --git a/.../mythic/public/static/js/main.870dc238.js → .../mythic/public/static/js/main.589358a1.js b/.../mythic/public/static/js/main.870dc238.js → .../mythic/public/static/js/main.589358a1.js
diff --git a/...ic/static/js/main.870dc238.js.LICENSE.txt → ...ic/static/js/main.589358a1.js.LICENSE.txt b/...ic/static/js/main.870dc238.js.LICENSE.txt → ...ic/static/js/main.589358a1.js.LICENSE.txt
diff --git a/...hic/public/static/js/main.870dc238.js.map → ...hic/public/static/js/main.589358a1.js.map b/...hic/public/static/js/main.870dc238.js.map → ...hic/public/static/js/main.589358a1.js.map
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/new/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="apple-touch-icon" href="/new/logo192.png"/><link rel="manifest" href="/new/manifest.json"/><title>Mythic</title><script defer="defer" src="/new/static/js/main.870dc238.js"></script><link href="/new/static/css/main.7e143bf2.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/new/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><link rel="apple-touch-icon" href="/new/logo192.png"/><link rel="manifest" href="/new/manifest.json"/><title>Mythic</title><script defer="defer" src="/new/static/js/main.589358a1.js"></script><link href="/new/static/css/main.7e143bf2.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>