v0.0.3.33

UI Fixes for files search upload/download/screenshot page

MythicReactUI/CHANGELOG.MD

@@ -4,7 +4,7 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [0.1.75] - 2024-02-29
+## [0.1.75-76] - 2024-02-29
 
 ### Changed
 
@@ -14,6 +14,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Updated graph de-selection to be a right-click context menu so that you can't accidentally unselect
 - Updated graph selection to allow hiding everything except what's currently selected
 
+### Changed
+- Fixed an issue on file search pages where the expand icon wouldn't work and clicking text wouldn't auto-expand 
+
 ## [0.1.74] - 2024-02-28
 
 ### Changed

MythicReactUI/src/components/pages/Search/FileMetaTable.js

@@ -317,10 +317,13 @@ function FileMetaDownloadTableRow(props){
         setOpenPreviewMediaDialog(true);
     }
     const expandRow = (event) => {
-        if(event.target.localName === "td"){
+        if(event.target.localName === "td" || event.target.localName === "p"){
             setOpenDetails(!openDetails);
         }
     }
+    const expandRowButton = (event) => {
+        setOpenDetails(!openDetails);
+    }
     const onOpenCloseComment = (event, open) => {
         if(event){
             event.stopPropagation();
@@ -406,14 +409,14 @@ function FileMetaDownloadTableRow(props){
                     <TagsDisplay tags={props.tags} />
                 </MythicStyledTableCell>
                 <MythicStyledTableCell>
-                    <IconButton size="small" aria-label="expand row" onClick={expandRow}>
+                    <IconButton size="small" aria-label="expand row" onClick={expandRowButton}>
                             {openDetails ? <KeyboardArrowUpIcon className="mythicElement"/> : <KeyboardArrowDownIcon className="mythicElement"/>}
                         </IconButton>
                 </MythicStyledTableCell>
             </TableRow>
                 {openDetails ? (
                     <TableRow>
-                        <MythicStyledTableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={6}>
+                        <MythicStyledTableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={7}>
                             <Collapse in={openDetails}>
                                 <Box margin={1}>
                                 <TableContainer component={Paper} className="mythicElement" elevation={3}>   
@@ -722,7 +725,7 @@ function FileMetaUploadTableRow(props){
         if(event.target.nodeName === 'INPUT'){
             return
         }
-        if(event.target.localName === "td"){
+        if(event.target.localName === "td" || event.target.localName === "p"){
             setOpenDetails(!openDetails);
         }
     }
@@ -732,6 +735,9 @@ function FileMetaUploadTableRow(props){
         }
         setEditCommentDialogOpen(open);
     }
+    const expandRowButton = (event) => {
+        setOpenDetails(!openDetails);
+    }
     return (
         <React.Fragment>
             <TableRow hover onClick={expandRow}>
@@ -814,14 +820,14 @@ function FileMetaUploadTableRow(props){
                     <TagsDisplay tags={props.tags} />
                 </MythicStyledTableCell>
                 <MythicStyledTableCell>
-                    <IconButton size="small" aria-label="expand row" onClick={expandRow}>
+                    <IconButton size="small" aria-label="expand row" onClick={expandRowButton}>
                             {openDetails ? <KeyboardArrowUpIcon className="mythicElement"/> : <KeyboardArrowDownIcon className="mythicElement"/>}
                         </IconButton>
                 </MythicStyledTableCell>
             </TableRow>
                 {openDetails ? (
                     <TableRow>
-                        <MythicStyledTableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={7}>
+                        <MythicStyledTableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={8}>
                             <Collapse in={openDetails}>
                                 <Box margin={1}>
                                 <TableContainer component={Paper} className="mythicElement" elevation={3}>   
@@ -999,10 +1005,15 @@ function FileMetaScreenshotTableRow(props){
     const onAcceptDelete = () => {
         deleteFile({variables: {file_id: props.id}})
     }
-
+    const expandRowButton = (event) => {
+        if(event.target.localName === "td" || event.target.localName === "p"){
+            setOpenDetails(!openDetails);
+        }
+        event.stopPropagation();
+    }
     return (
         <React.Fragment>
-            <TableRow hover>
+            <TableRow hover onClick={expandRowButton}>
                 {openDelete && <MythicConfirmDialog onClose={() => {setOpenDelete(false);}} onSubmit={onAcceptDelete} open={openDelete}/>}
                 <MythicStyledTableCell>
                     {props.deleted ? null : (
@@ -1043,7 +1054,7 @@ function FileMetaScreenshotTableRow(props){
             </TableRow>
                 {openDetails ? (
                     <TableRow>
-                        <MythicStyledTableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={6}>
+                        <MythicStyledTableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={9}>
                             <Collapse in={openDetails}>
                                 <Box margin={1}>
                                 <TableContainer component={Paper} className="mythicElement">   

MythicReactUI/src/index.js

@@ -15,7 +15,7 @@ import jwt_decode from 'jwt-decode';
 import {meState} from './cache';
 
 export const mythicVersion = "3.2.18-rc9";
-export const mythicUIVersion = "0.1.75";
+export const mythicUIVersion = "0.1.76";
 
 let fetchingNewToken = false;
 

mythic-react-docker/mythic/public/asset-manifest.json

@@ -1,15 +1,15 @@
 {
   "files": {
     "main.css": "/new/static/css/main.00d51b79.css",
-    "main.js": "/new/static/js/main.1124800f.js",
+    "main.js": "/new/static/js/main.ed595cfc.js",
     "static/media/mythic@2x.png": "/new/static/media/mythic@2x.7c5b62b471ac779fd706.png",
     "static/media/mythic_red_small.svg": "/new/static/media/mythic_red_small.793b41cc7135cdede246661ec232976b.svg",
     "index.html": "/new/index.html",
     "main.00d51b79.css.map": "/new/static/css/main.00d51b79.css.map",
-    "main.1124800f.js.map": "/new/static/js/main.1124800f.js.map"
+    "main.ed595cfc.js.map": "/new/static/js/main.ed595cfc.js.map"
   },
   "entrypoints": [
     "static/css/main.00d51b79.css",
-    "static/js/main.1124800f.js"
+    "static/js/main.ed595cfc.js"
   ]
 }

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.1124800f.js"></script><link href="/new/static/css/main.00d51b79.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.ed595cfc.js"></script><link href="/new/static/css/main.00d51b79.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>