diff --git a/public/locales/en.json b/public/locales/en.json index c9f218d8..da0ebcc7 100644 --- a/public/locales/en.json +++ b/public/locales/en.json @@ -580,7 +580,7 @@ "buttons": { "stop": "Stop" }, - "loading": "Loading data...", + "loading": "Extracting data...", "empty_output": "No output data available", "captured_data": { "title": "Captured Data", diff --git a/src/api/storage.ts b/src/api/storage.ts index e584c36f..b5dc32de 100644 --- a/src/api/storage.ts +++ b/src/api/storage.ts @@ -1,7 +1,7 @@ import { default as axios } from "axios"; import { WorkflowFile } from "maxun-core"; import { RunSettings } from "../components/run/RunSettings"; -import { ScheduleSettings } from "../components/robot/ScheduleSettings"; +import { ScheduleSettings } from "../components/robot/pages/ScheduleSettingsPage"; import { CreateRunResponse, ScheduleRunResponse } from "../pages/MainPage"; import { apiUrl } from "../apiConfig"; diff --git a/src/components/api/ApiKey.tsx b/src/components/api/ApiKey.tsx index 9feb9551..27897169 100644 --- a/src/components/api/ApiKey.tsx +++ b/src/components/api/ApiKey.tsx @@ -26,7 +26,8 @@ const Container = styled(Box)` flex-direction: column; align-items: center; margin-top: 50px; - margin-left: 50px; + margin-left: 70px; + margin-right: 70px; `; const ApiKeyManager = () => { @@ -108,7 +109,7 @@ const ApiKeyManager = () => { return ( - + Start by creating an API key below. Then, test your API @@ -139,7 +140,7 @@ const ApiKeyManager = () => { {apiKeyName} - + {showKey ? `${apiKey?.substring(0, 10)}...` : '**********'} @@ -174,6 +175,5 @@ const ApiKeyManager = () => { )} ); -}; - +} export default ApiKeyManager; \ No newline at end of file diff --git a/src/components/dashboard/MainMenu.tsx b/src/components/dashboard/MainMenu.tsx index 8b500d62..cd98ef21 100644 --- a/src/components/dashboard/MainMenu.tsx +++ b/src/components/dashboard/MainMenu.tsx @@ -72,7 +72,7 @@ export const MainMenu = ({ value = 'robots', handleChangeContent }: MainMenuProp { }, []); return ( - <> - - + + + {t('proxy.title')} - + {tabIndex === 0 && ( isProxyConfigured ? ( - - + + @@ -187,13 +198,13 @@ const ProxyForm: React.FC = () => { - ) : ( - - + + { } /> - - + + } label={t('proxy.requires_auth')} /> - + {requiresAuth && ( <> - + { error={!!errors.username} helperText={errors.username || ''} /> - - + + { error={!!errors.password} helperText={errors.password || ''} /> - + )} ))} - + - - {t('proxy.alert.title')} -
- {t('proxy.alert.right_way')} -
- {t('proxy.alert.proxy_url')} http://proxy.com:1337 -
- {t('proxy.alert.username')} myusername -
- {t('proxy.alert.password')} mypassword -
-
- {t('proxy.alert.wrong_way')} -
- - {t('proxy.alert.proxy_url')} http://myusername:mypassword@proxy.com:1337 -
- + {/* Instructions Section */} + + + {t('proxy.alert.title')} +
+ {t('proxy.alert.right_way')} +
+ {t('proxy.alert.proxy_url')} http://proxy.com:1337 +
+ {t('proxy.alert.username')} myusername +
+ {t('proxy.alert.password')} mypassword +
+
+ {t('proxy.alert.wrong_way')} +
+ {t('proxy.alert.proxy_url')} http://myusername:mypassword@proxy.com:1337 +
+
+ ); }; + export default ProxyForm; \ No newline at end of file diff --git a/src/components/recorder/RightSidePanel.tsx b/src/components/recorder/RightSidePanel.tsx index de0dfcb0..e22ab08b 100644 --- a/src/components/recorder/RightSidePanel.tsx +++ b/src/components/recorder/RightSidePanel.tsx @@ -534,24 +534,9 @@ export const RightSidePanel: React.FC = ({ onFinishCapture const isDarkMode = theme.darkMode; return ( - + - + {!isAnyActionActive && ( <> {showCaptureList && ( diff --git a/src/components/robot/pages/RobotConfigPage.tsx b/src/components/robot/pages/RobotConfigPage.tsx index d52b985e..52ea2b21 100644 --- a/src/components/robot/pages/RobotConfigPage.tsx +++ b/src/components/robot/pages/RobotConfigPage.tsx @@ -64,11 +64,10 @@ export const RobotConfigPage: React.FC = ({ margin: '50px auto', display: 'flex', flexDirection: 'column', - width: '1000px', - height: '100%', - overflowY: 'auto', // Allow scrolling if content exceeds height + width: '100%', + height: 'auto', + boxSizing: 'border-box' }}> - {/* Header Section - Fixed Position */} = ({ - {/* Content Section */} {children} - {/* Action Buttons */} {(showSaveButton || showCancelButton || onBackToSelection) && ( - {/* Left side - Back to Selection button */} {onBackToSelection && ( )} - {/* Right side - Save/Cancel buttons */} {showCancelButton && ( @@ -189,7 +182,7 @@ export const RobotConfigPage: React.FC = ({ boxShadow: 'none', }} > - {isLoading ? t("buttons.saving") : (saveButtonText || t("buttons.save"))} + {isLoading ? t("Saving...") : (saveButtonText || t("buttons.save"))} )} @@ -197,4 +190,4 @@ export const RobotConfigPage: React.FC = ({ )} ); -}; +} diff --git a/src/components/robot/pages/ScheduleSettingsPage.tsx b/src/components/robot/pages/ScheduleSettingsPage.tsx index e386cfec..8933044b 100644 --- a/src/components/robot/pages/ScheduleSettingsPage.tsx +++ b/src/components/robot/pages/ScheduleSettingsPage.tsx @@ -7,7 +7,6 @@ import { Box, Button, } from "@mui/material"; -import { Schedule } from "@mui/icons-material"; import { Dropdown } from "../../ui/DropdownMui"; import { validMomentTimezones } from "../../../constants/const"; import { useGlobalInfoStore } from "../../../context/globalInfo"; @@ -188,8 +187,8 @@ export const ScheduleSettingsPage = ({ display: "flex", flexDirection: "column", alignItems: "flex-start", - "& > *": { marginBottom: "20px" }, - marginTop: "-20px", + gap: 3, + width: "100%", }} > <> @@ -215,7 +214,7 @@ export const ScheduleSettingsPage = ({ {t("schedule_settings.at_around")}: {schedule.atTimeStart},{" "} {schedule.timezone} {t("schedule_settings.timezone")} - +