Netfliter Refactor

frontend/src/components/AddNewService.tsx

@@ -8,8 +8,6 @@ type ServiceAddForm = {
     name:string,
     port:number,
     autostart: boolean,
-    chosenInternalPort: boolean,
-    internalPort: number
 }
 
 function AddNewService({ opened, onClose }:{ opened:boolean, onClose:()=>void }) {
@@ -18,14 +16,11 @@ function AddNewService({ opened, onClose }:{ opened:boolean, onClose:()=>void })
         initialValues: {
             name:"",
             port:8080,
-            internalPort:30001,
-            chosenInternalPort:false,
             autostart: true
         },
         validationRules:{
             name: (value) => value !== ""?true:false,
             port: (value) => value>0 && value<65536,
-            internalPort: (value) => value>0 && value<65536,
         }
     })
 
@@ -38,15 +33,15 @@ function AddNewService({ opened, onClose }:{ opened:boolean, onClose:()=>void })
     const [submitLoading, setSubmitLoading] = useState(false)
     const [error, setError] = useState<string|null>(null)
  
-    const submitRequest = ({ name, port, autostart, chosenInternalPort, internalPort }:ServiceAddForm) =>{
+    const submitRequest = ({ name, port, autostart }:ServiceAddForm) =>{
         setSubmitLoading(true)
-        addservice(chosenInternalPort?{ internalPort, name, port }:{ name, port }).then( res => {
+        addservice({name, port}).then( res => {
             if (res.status === "ok"){
                 setSubmitLoading(false)
                 close();
                 fireUpdateRequest();
-                if (autostart) startservice(res.id)
-                okNotify(`Service ${name} has been added`, `Successfully added ${res.id} with port ${port}`)
+                if (autostart) startservice(port)
+                okNotify(`Service ${name} has been added`, `Successfully added service with port ${port}`)
             }else{
                 setSubmitLoading(false)
                 setError("Invalid request! [ "+res.status+" ]")
@@ -75,18 +70,6 @@ function AddNewService({ opened, onClose }:{ opened:boolean, onClose:()=>void })
                 {...form.getInputProps('port')}
             />
 
-            {form.values.chosenInternalPort?<>
-                <Space h="md" />
-                <NumberInput
-                    placeholder="8080"
-                    min={1}
-                    max={65535}
-                    label="Internal Proxy Port"
-                    {...form.getInputProps('internalPort')}
-                />
-                <Space h="sm" />
-            </>:null}
-
             <Space h="xl" />
 
             <Switch
@@ -94,13 +77,6 @@ function AddNewService({ opened, onClose }:{ opened:boolean, onClose:()=>void })
                 {...form.getInputProps('autostart', { type: 'checkbox' })}
             />
 
-            <Space h="md" />
-
-            <Switch
-                label="Choose internal port"
-                {...form.getInputProps('chosenInternalPort', { type: 'checkbox' })}
-            />
-
             <Group position="right" mt="md">
                 <Button loading={submitLoading} type="submit">Add Service</Button>
             </Group>