Now on IPv6

frontend/src/pages/HomePage.tsx

@@ -33,8 +33,8 @@ function HomePage() {
 
     return <div id="service-list" className="center-flex-row">
         <LoadingOverlay visible={loader} />
-        {services.length > 0?services.map( srv => <ServiceRow service={srv} key={srv.port} onClick={()=>{
-            navigator("/"+srv.port)
+        {services.length > 0?services.map( srv => <ServiceRow service={srv} key={srv.service_id} onClick={()=>{
+            navigator("/"+srv.service_id)
         }} />):<><Space h="xl"/> <Title className='center-flex' align='center' order={3}>No services found! Add one clicking the "+" buttons</Title>
             <Space h="xl" /> <Space h="xl" /> <Space h="xl" /> <Space h="xl" /> 
             <div className='center-flex'>

frontend/src/pages/ServiceDetails.tsx

@@ -11,12 +11,13 @@ import { useWindowEvent } from '@mantine/hooks';
 
 function ServiceDetails() {
     const {srv} = useParams()
-    const service_port = srv?parseInt(srv):null
     const [serviceInfo, setServiceInfo] = useState<Service>({
+        service_id: "",
         port:0,
         n_packets:0,
         n_regex:0,
         name:"",
+        ipv6:false,
         status:"🤔"
     })
 
@@ -26,9 +27,9 @@ function ServiceDetails() {
     const closeModal = () => {setOpen(false);updateInfo();}
 
     const updateInfo = async () => {
-        if (!service_port) return
+        if (!srv) return
         let error = false;
-        await serviceinfo(service_port).then(res => {
+        await serviceinfo(srv).then(res => {
             setServiceInfo(res)
         }).catch(
           err =>{
@@ -36,10 +37,10 @@ function ServiceDetails() {
             navigator("/")
         })
         if (error) return
-        await serviceregexlist(service_port).then(res => {
+        await serviceregexlist(srv).then(res => {
             setRegexesList(res)
         }).catch(
-          err => errorNotify(`Updater for ${service_port} service failed [Regex list]!`, err.toString())
+          err => errorNotify(`Updater for ${srv} service failed [Regex list]!`, err.toString())
         )
         setLoader(false)
     }
@@ -73,7 +74,7 @@ function ServiceDetails() {
             </Grid>
         }
 
-        {service_port?<AddNewRegex opened={open} onClose={closeModal} service={service_port} />:null}
+        {srv?<AddNewRegex opened={open} onClose={closeModal} service={srv} />:null}
 
 
     </div>