vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: display in ui

Browse Source
This commit is contained in:
karishmas6
2024-09-23 17:29:23 +05:30
parent 2a308f11a0
commit fd99b64537
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/molecules/InterpretationButtons.tsx
View File

@@ -51,13 +51,15 @@ export const InterpretationButtons = ({ enableStepping }: InterpretationButtonsP
const decisionHandler = useCallback( const decisionHandler = useCallback(
({ pair, actionType, lastData } ({ pair, actionType, lastData }
: { pair: WhereWhatPair | null, actionType: string, lastData: { selector: string, action: string, tagName: string, innerText: string } }) => { : { pair: WhereWhatPair | null, actionType: string, lastData: { selector: string, action: string, tagName: string, innerText: string } }) => {
const { selector, action } = lastData; const { selector, action, tagName, innerText } = lastData;
setDecisionModal((prevState) => { setDecisionModal((prevState) => {
return { return {
pair, pair,
actionType, actionType,
selector, selector,
action, action,
tagName,
innerText,
open: true, open: true,
} }
}) })
@@ -66,7 +68,7 @@ export const InterpretationButtons = ({ enableStepping }: InterpretationButtonsP
const handleDecision = (decision: boolean) => { const handleDecision = (decision: boolean) => {
const { pair, actionType } = decisionModal; const { pair, actionType } = decisionModal;
socket?.emit('decision', { pair, actionType, decision }); socket?.emit('decision', { pair, actionType, decision });
setDecisionModal({ pair: null, actionType: '', selector: '', action: '', open: false }); setDecisionModal({ pair: null, actionType: '', selector: '', action: '', tagName: '', innerText: '', open: false });
} }
const handleDescription = () => { const handleDescription = () => {
@@ -80,6 +82,8 @@ export const InterpretationButtons = ({ enableStepping }: InterpretationButtonsP
<Box style={{ marginTop: '4px' }}> <Box style={{ marginTop: '4px' }}>
[previous action: <b>{decisionModal.action}</b>] [previous action: <b>{decisionModal.action}</b>]
<pre>{decisionModal.selector}</pre> <pre>{decisionModal.selector}</pre>
<pre>{decisionModal.tagName}</pre>
<pre>{decisionModal.innerText}</pre>
</Box> </Box>
</React.Fragment>); </React.Fragment>);
default: return null; default: return null;