chore: archive legacy recorder

src/components/recorder/AddWhatCondModal.tsx → legacy/src/AddWhatCondModal.tsx

@@ -1,11 +1,11 @@
 import { WhereWhatPair } from "maxun-core";
-import { GenericModal } from "../ui/GenericModal";
+import { GenericModal } from "../../src/components/ui/GenericModal";
 import { modalStyle } from "./AddWhereCondModal";
 import { Button, TextField, Typography } from "@mui/material";
 import React, { useRef } from "react";
-import { KeyValueForm } from "./KeyValueForm";
-import { ClearButton } from "../ui/buttons/ClearButton";
-import { useSocketStore } from "../../context/socket";
+import { KeyValueForm } from "../../src/components/recorder/KeyValueForm";
+import { ClearButton } from "../../src/components/ui/buttons/ClearButton";
+import { useSocketStore } from "../../src/context/socket";
 
 interface AddWhatCondModalProps {
   isOpen: boolean;

src/components/recorder/AddWhereCondModal.tsx → legacy/src/AddWhereCondModal.tsx

@@ -1,15 +1,15 @@
-import { Dropdown as MuiDropdown } from "../ui/DropdownMui";
+import { Dropdown as MuiDropdown } from "../../src/components/ui/DropdownMui";
 import {
   Button,
   MenuItem,
   Typography
 } from "@mui/material";
 import React, { useRef } from "react";
-import { GenericModal } from "../ui/GenericModal";
+import { GenericModal } from "../../src/components/ui/GenericModal";
 import { WhereWhatPair } from "maxun-core";
 import { SelectChangeEvent } from "@mui/material/Select/Select";
 import { DisplayConditionSettings } from "./DisplayWhereConditionSettings";
-import { useSocketStore } from "../../context/socket";
+import { useSocketStore } from "../../src/context/socket";
 
 interface AddWhereCondModalProps {
   isOpen: boolean;

src/components/recorder/DisplayWhereConditionSettings.tsx → legacy/src/DisplayWhereConditionSettings.tsx

@@ -1,10 +1,10 @@
 import React from "react";
-import { Dropdown as MuiDropdown } from "../ui/DropdownMui";
+import { Dropdown as MuiDropdown } from "../../src/components/ui/DropdownMui";
 import { Checkbox, FormControlLabel, FormGroup, MenuItem, Stack, TextField } from "@mui/material";
-import { AddButton } from "../ui/buttons/AddButton";
-import { RemoveButton } from "../ui/buttons/RemoveButton";
-import { KeyValueForm } from "./KeyValueForm";
-import { WarningText } from "../ui/texts";
+import { AddButton } from "../../src/components/ui/buttons/AddButton";
+import { RemoveButton } from "../../src/components/ui/buttons/RemoveButton";
+import { KeyValueForm } from "../../src/components/recorder/KeyValueForm";
+import { WarningText } from "../../src/components/ui/texts";
 
 interface DisplayConditionSettingsProps {
   whereProp: string;

src/components/recorder/LeftSidePanel.tsx → legacy/src/LeftSidePanel.tsx

@@ -1,14 +1,14 @@
 import { Box, Paper, Tab, Tabs } from "@mui/material";
 import React, { useCallback, useEffect, useState } from "react";
-import { getActiveWorkflow, getParamsOfActiveWorkflow } from "../../api/workflow";
-import { useSocketStore } from '../../context/socket';
+import { getActiveWorkflow, getParamsOfActiveWorkflow } from "../../src/api/workflow";
+import { useSocketStore } from '../../src/context/socket';
 import { WhereWhatPair, WorkflowFile } from "maxun-core";
-import { emptyWorkflow } from "../../shared/constants";
+import { emptyWorkflow } from "../../src/shared/constants";
 import { LeftSidePanelContent } from "./LeftSidePanelContent";
-import { useGlobalInfoStore } from "../../context/globalInfo";
+import { useGlobalInfoStore } from "../../src/context/globalInfo";
 import { TabContext, TabPanel } from "@mui/lab";
 import { LeftSidePanelSettings } from "./LeftSidePanelSettings";
-import { RunSettings } from "../run/RunSettings";
+import { RunSettings } from "../../src/components/run/RunSettings";
 
 const fetchWorkflow = (id: string, callback: (response: WorkflowFile) => void) => {
   getActiveWorkflow(id).then(

src/components/recorder/LeftSidePanelContent.tsx → legacy/src/LeftSidePanelContent.tsx

@@ -1,11 +1,11 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import { Pair } from "./Pair";
 import { WhereWhatPair, WorkflowFile } from "maxun-core";
-import { useSocketStore } from "../../context/socket";
+import { useSocketStore } from "../../src/context/socket";
 import { Socket } from "socket.io-client";
-import { AddButton } from "../ui/buttons/AddButton";
-import { AddPair } from "../../api/workflow";
-import { GenericModal } from "../ui/GenericModal";
+import { AddButton } from "../../src/components/ui/buttons/AddButton";
+import { AddPair } from "../../src/api/workflow";
+import { GenericModal } from "../../src/components/ui/GenericModal";
 import { PairEditForm } from "./PairEditForm";
 import { Tooltip } from "@mui/material";
 

src/components/recorder/LeftSidePanelSettings.tsx → legacy/src/LeftSidePanelSettings.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import { Button, MenuItem, TextField, Typography } from "@mui/material";
-import { Dropdown } from "../ui/DropdownMui";
-import { RunSettings } from "../run/RunSettings";
-import { useSocketStore } from "../../context/socket";
+import { Dropdown } from "../../src/components/ui/DropdownMui";
+import { RunSettings } from "../../src/components/run/RunSettings";
+import { useSocketStore } from "../../src/context/socket";
 
 interface LeftSidePanelSettingsProps {
   params: any[]

src/components/recorder/Pair.tsx → legacy/src/Pair.tsx

@@ -1,13 +1,13 @@
 import React, { FC, useState } from 'react';
 import { Stack, Button, IconButton, Tooltip, Badge } from "@mui/material";
-import { AddPair, deletePair, UpdatePair } from "../../api/workflow";
+import { AddPair, deletePair, UpdatePair } from "../../src/api/workflow";
 import { WorkflowFile } from "maxun-core";
-import { ClearButton } from "../ui/buttons/ClearButton";
-import { GenericModal } from "../ui/GenericModal";
+import { ClearButton } from "../../src/components/ui/buttons/ClearButton";
+import { GenericModal } from "../../src/components/ui/GenericModal";
 import { PairEditForm } from "./PairEditForm";
 import { PairDisplayDiv } from "./PairDisplayDiv";
-import { EditButton } from "../ui/buttons/EditButton";
-import { BreakpointButton } from "../ui/buttons/BreakpointButton";
+import { EditButton } from "../../src/components/ui/buttons/EditButton";
+import { BreakpointButton } from "../../src/components/ui/buttons/BreakpointButton";
 import VisibilityIcon from '@mui/icons-material/Visibility';
 import styled from "styled-components";
 import { LoadingButton } from "@mui/lab";

src/components/recorder/PairDetail.tsx → legacy/src/PairDetail.tsx

@@ -6,12 +6,12 @@ import TreeView from '@mui/lab/TreeView';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import ChevronRightIcon from '@mui/icons-material/ChevronRight';
 import TreeItem from '@mui/lab/TreeItem';
-import { AddButton } from "../ui/buttons/AddButton";
-import { WarningText } from "../ui/texts";
+import { AddButton } from "../../src/components/ui/buttons/AddButton";
+import { WarningText } from "../../src/components/ui/texts";
 import NotificationImportantIcon from '@mui/icons-material/NotificationImportant';
-import { RemoveButton } from "../ui/buttons/RemoveButton";
+import { RemoveButton } from "../../src/components/ui/buttons/RemoveButton";
 import { AddWhereCondModal } from "./AddWhereCondModal";
-import { useSocketStore } from "../../context/socket";
+import { useSocketStore } from "../../src/context/socket";
 import { AddWhatCondModal } from "./AddWhatCondModal";
 
 interface PairDetailProps {

src/components/run/ColapsibleRow.tsx

@@ -9,7 +9,6 @@ import { deleteRunFromStorage } from "../../api/storage";
 import { columns, Data } from "./RunsTable";
 import { RunContent } from "./RunContent";
 import { GenericModal } from "../ui/GenericModal";
-import { modalStyle } from "../recorder/AddWhereCondModal";
 import { getUserById } from "../../api/auth";
 import { useTranslation } from "react-i18next";
 import { useTheme } from "@mui/material/styles";
@@ -230,3 +229,15 @@ export const CollapsibleRow = ({ row, handleDelete, isOpen, onToggleExpanded, cu
     </React.Fragment>
   );
 }
+
+export const modalStyle = {
+  top: '45%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)',
+  width: '30%',
+  backgroundColor: 'background.paper',
+  p: 4,
+  height: 'fit-content',
+  display: 'block',
+  padding: '20px',
+};

src/components/run/RunSettings.tsx

@@ -3,7 +3,7 @@ import { GenericModal } from "../ui/GenericModal";
 import { MenuItem, TextField, Typography, Switch, FormControlLabel } from "@mui/material";
 import { Dropdown } from "../ui/DropdownMui";
 import Button from "@mui/material/Button";
-import { modalStyle } from "../recorder/AddWhereCondModal";
+import { modalStyle } from "../run/ColapsibleRow";
 
 interface RunSettingsProps {
   isOpen: boolean;