feat: open output data preview based on pairs in the current workflow
This commit is contained in:
@@ -19,6 +19,8 @@ import TableHead from '@mui/material/TableHead';
|
|||||||
import TableRow from '@mui/material/TableRow';
|
import TableRow from '@mui/material/TableRow';
|
||||||
import Paper from '@mui/material/Paper';
|
import Paper from '@mui/material/Paper';
|
||||||
import StorageIcon from '@mui/icons-material/Storage';
|
import StorageIcon from '@mui/icons-material/Storage';
|
||||||
|
import { SidePanelHeader } from './SidePanelHeader';
|
||||||
|
import { useGlobalInfoStore } from '../../context/globalInfo';
|
||||||
|
|
||||||
interface InterpretationLogProps {
|
interface InterpretationLogProps {
|
||||||
isOpen: boolean;
|
isOpen: boolean;
|
||||||
@@ -34,6 +36,7 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
|
|||||||
|
|
||||||
const { width } = useBrowserDimensionsStore();
|
const { width } = useBrowserDimensionsStore();
|
||||||
const { socket } = useSocketStore();
|
const { socket } = useSocketStore();
|
||||||
|
const { currentWorkflowActionsState } = useGlobalInfoStore();
|
||||||
|
|
||||||
const toggleDrawer = (newOpen: boolean) => (event: React.KeyboardEvent | React.MouseEvent) => {
|
const toggleDrawer = (newOpen: boolean) => (event: React.KeyboardEvent | React.MouseEvent) => {
|
||||||
if (
|
if (
|
||||||
@@ -100,6 +103,14 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
|
|||||||
// Extract columns dynamically from the first item of tableData
|
// Extract columns dynamically from the first item of tableData
|
||||||
const columns = tableData.length > 0 ? Object.keys(tableData[0]) : [];
|
const columns = tableData.length > 0 ? Object.keys(tableData[0]) : [];
|
||||||
|
|
||||||
|
const { hasScrapeListAction, hasScreenshotAction, hasScrapeSchemaAction } = currentWorkflowActionsState
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (hasScrapeListAction || hasScrapeSchemaAction || hasScreenshotAction) {
|
||||||
|
setIsOpen(true);
|
||||||
|
}
|
||||||
|
}, [hasScrapeListAction, hasScrapeSchemaAction, hasScreenshotAction, setIsOpen]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Grid container>
|
<Grid container>
|
||||||
<Grid item xs={12} md={9} lg={9}>
|
<Grid item xs={12} md={9} lg={9}>
|
||||||
@@ -173,11 +184,11 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
|
|||||||
</TableRow>
|
</TableRow>
|
||||||
))
|
))
|
||||||
) : (
|
) : (
|
||||||
<TableRow>
|
<>
|
||||||
<TableCell colSpan={columns.length || 1} align="center">
|
<Typography variant="body1" align="center" color="textSecondary">
|
||||||
It looks like you have not selected anything for extraction yet. Once you do, the robot will show a preview of your selections here.
|
It looks like you have not selected anything for extraction yet. Once you do, the robot will show a preview of your selections here.
|
||||||
</TableCell>
|
</Typography>
|
||||||
</TableRow>
|
</>
|
||||||
)}
|
)}
|
||||||
</TableBody>
|
</TableBody>
|
||||||
</Table>
|
</Table>
|
||||||
|
|||||||
Reference in New Issue
Block a user