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

feat: add translation for robot edit

Browse Source
This commit is contained in:
RohitR311
2024-12-21 15:42:35 +05:30
parent 5be29d55cf
commit f4a99fbfc2
1 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/molecules/RobotEdit.tsx
View File

@@ -1,4 +1,5 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { useTranslation } from 'react-i18next';
import { GenericModal } from "../atoms/GenericModal"; import { GenericModal } from "../atoms/GenericModal";
import { TextField, Typography, Box, Button } from "@mui/material"; import { TextField, Typography, Box, Button } from "@mui/material";
import { modalStyle } from "./AddWhereCondModal"; import { modalStyle } from "./AddWhereCondModal";
@@ -54,10 +55,10 @@ interface RobotSettingsProps {
handleStart: (settings: RobotSettings) => void; handleStart: (settings: RobotSettings) => void;
handleClose: () => void; handleClose: () => void;
initialSettings?: RobotSettings | null; initialSettings?: RobotSettings | null;
} }
export const RobotEditModal = ({ isOpen, handleStart, handleClose, initialSettings }: RobotSettingsProps) => { export const RobotEditModal = ({ isOpen, handleStart, handleClose, initialSettings }: RobotSettingsProps) => {
const { t } = useTranslation();
const [robot, setRobot] = useState<RobotSettings | null>(null); const [robot, setRobot] = useState<RobotSettings | null>(null);
const { recordingId, notify } = useGlobalInfoStore(); const { recordingId, notify } = useGlobalInfoStore();
@@ -72,7 +73,7 @@ export const RobotEditModal = ({ isOpen, handleStart, handleClose, initialSettin
const robot = await getStoredRecording(recordingId); const robot = await getStoredRecording(recordingId);
setRobot(robot); setRobot(robot);
} else { } else {
notify('error', 'Could not find robot details. Please try again.'); notify('error', t('robot_edit.notifications.update_failed'));
} }
} }
@@ -102,6 +103,7 @@ export const RobotEditModal = ({ isOpen, handleStart, handleClose, initialSettin
return { ...prev, recording: { ...prev.recording, workflow: updatedWorkflow } }; return { ...prev, recording: { ...prev.recording, workflow: updatedWorkflow } };
}); });
}; };
const handleSave = async () => { const handleSave = async () => {
if (!robot) return; if (!robot) return;
@@ -114,7 +116,7 @@ export const RobotEditModal = ({ isOpen, handleStart, handleClose, initialSettin
const success = await updateRecording(robot.recording_meta.id, payload); const success = await updateRecording(robot.recording_meta.id, payload);
if (success) { if (success) {
notify('success', 'Robot updated successfully.'); notify('success', t('robot_edit.notifications.update_success'));
handleStart(robot); // Inform parent about the updated robot handleStart(robot); // Inform parent about the updated robot
handleClose(); handleClose();
@@ -122,10 +124,10 @@ export const RobotEditModal = ({ isOpen, handleStart, handleClose, initialSettin
window.location.reload(); window.location.reload();
}, 1000); }, 1000);
} else { } else {
notify('error', 'Failed to update the robot. Please try again.'); notify('error', t('robot_edit.notifications.update_failed'));
} }
} catch (error) { } catch (error) {
notify('error', 'An error occurred while updating the robot.'); notify('error', t('robot_edit.notifications.update_error'));
console.error('Error updating robot:', error); console.error('Error updating robot:', error);
} }
}; };
@@ -137,13 +139,15 @@ export const RobotEditModal = ({ isOpen, handleStart, handleClose, initialSettin
modalStyle={modalStyle} modalStyle={modalStyle}
> >
<> <>
<Typography variant="h5" style={{ marginBottom: '20px' }}>Edit Robot</Typography> <Typography variant="h5" style={{ marginBottom: '20px' }}>
{t('robot_edit.title')}
</Typography>
<Box style={{ display: 'flex', flexDirection: 'column' }}> <Box style={{ display: 'flex', flexDirection: 'column' }}>
{ {
robot && ( robot && (
<> <>
<TextField <TextField
label="Change Robot Name" label={t('robot_edit.change_name')}
key="Change Robot Name" key="Change Robot Name"
type='text' type='text'
value={robot.recording_meta.name} value={robot.recording_meta.name}
@@ -152,7 +156,7 @@ export const RobotEditModal = ({ isOpen, handleStart, handleClose, initialSettin
/> />
{robot.recording.workflow?.[0]?.what?.[0]?.args?.[0]?.limit !== undefined && ( {robot.recording.workflow?.[0]?.what?.[0]?.args?.[0]?.limit !== undefined && (
<TextField <TextField
label="Robot Limit" label={t('robot_edit.robot_limit')}
type="number" type="number"
value={robot.recording.workflow[0].what[0].args[0].limit || ''} value={robot.recording.workflow[0].what[0].args[0].limit || ''}
onChange={(e) =>{ onChange={(e) =>{
@@ -168,10 +172,15 @@ export const RobotEditModal = ({ isOpen, handleStart, handleClose, initialSettin
<Box mt={2} display="flex" justifyContent="flex-end" onClick={handleSave}> <Box mt={2} display="flex" justifyContent="flex-end" onClick={handleSave}>
<Button variant="contained" color="primary"> <Button variant="contained" color="primary">
Save Changes {t('robot_edit.save')}
</Button> </Button>
<Button onClick={handleClose} color="primary" variant="outlined" style={{ marginLeft: '10px' }}> <Button
Cancel onClick={handleClose}
color="primary"
variant="outlined"
style={{ marginLeft: '10px' }}
>
{t('robot_edit.cancel')}
</Button> </Button>
</Box> </Box>
</> </>