diff --git a/services/frontend/src/components/Modal/service/Create.tsx b/services/frontend/src/components/Modal/service/Create.tsx index 997e809..5a46c65 100644 --- a/services/frontend/src/components/Modal/service/Create.tsx +++ b/services/frontend/src/components/Modal/service/Create.tsx @@ -7,6 +7,7 @@ import { CallbackFunction } from "../../../types"; import { getFinalValues, getInitialValues, + tabs, validationSchema } from "./form-utils"; import Build from "./Build"; @@ -17,27 +18,6 @@ interface IModalServiceProps { onAddEndpoint: CallbackFunction; } -const tabs = [ - { - name: "General", - href: "#", - current: true, - hidden: false - }, - { - name: "Data", - href: "#", - current: false, - hidden: false - }, - { - name: "Build", - href: "#", - current: false, - hidden: false - } -]; - const FormContainer = styled("div")` width: 640px; height: 800px; diff --git a/services/frontend/src/components/Modal/service/Edit.tsx b/services/frontend/src/components/Modal/service/Edit.tsx index 7cb1b91..f4c0e94 100644 --- a/services/frontend/src/components/Modal/service/Edit.tsx +++ b/services/frontend/src/components/Modal/service/Edit.tsx @@ -8,7 +8,8 @@ import type { CallbackFunction, IServiceNodeItem } from "../../../types"; import { getInitialValues, getFinalValues, - validationSchema + validationSchema, + tabs } from "./form-utils"; export interface IModalServiceProps { @@ -17,21 +18,6 @@ export interface IModalServiceProps { onUpdateEndpoint: CallbackFunction; } -const tabs = [ - { - name: "General", - href: "#", - current: true, - hidden: false - }, - { - name: "Data", - href: "#", - current: false, - hidden: false - } -]; - const ModalServiceEdit = (props: IModalServiceProps) => { const { node, onHide, onUpdateEndpoint } = props; const [openTab, setOpenTab] = useState("General"); diff --git a/services/frontend/src/components/Modal/service/form-utils.ts b/services/frontend/src/components/Modal/service/form-utils.ts index ca2bf9f..35a32f3 100644 --- a/services/frontend/src/components/Modal/service/form-utils.ts +++ b/services/frontend/src/components/Modal/service/form-utils.ts @@ -9,6 +9,27 @@ import { pruneString } from "../../../utils/forms"; +export const tabs = [ + { + name: "General", + href: "#", + current: true, + hidden: false + }, + { + name: "Data", + href: "#", + current: false, + hidden: false + }, + { + name: "Build", + href: "#", + current: false, + hidden: false + } +]; + const initialValues: IEditServiceForm = { build: { context: "",