Now on IPv6

frontend/src/components/Header/index.tsx

@@ -70,7 +70,6 @@ function Header() {
   }
 
   const {srv} = useParams()
-  const service_port = srv?parseInt(srv):null
 
   const [open, setOpen] = useState(false);
   const closeModal = () => {setOpen(false);}
@@ -125,7 +124,7 @@ function Header() {
             </ActionIcon>
           </Tooltip>
         :null}
-        { service_port?
+        { srv?
           <Tooltip label="Add a new regex" zIndex={0} position='bottom' transition="pop" transitionDuration={200} /*openDelay={500}*/ transitionTimingFunction="ease" color="blue" opened={tooltipAddOpened} tooltipId="tooltip-add-id">
             <ActionIcon color="blue" onClick={()=>setOpen(true)} size="xl" radius="md" variant="filled"
              aria-describedby="tooltip-add-id"
@@ -140,8 +139,8 @@ function Header() {
           </Tooltip>
       }
         
-        {service_port?
-            <AddNewRegex opened={open} onClose={closeModal} service={service_port} />:
+        {srv?
+            <AddNewRegex opened={open} onClose={closeModal} service={srv} />:
             <AddNewService opened={open} onClose={closeModal} />
         }
         <Modal size="xl" title="Change Firewall Password" opened={changePasswordModal} onClose={()=>setChangePasswordModal(false)} closeOnClickOutside={false} centered>