Fix General Info Model

backend/app.py

@@ -500,7 +500,7 @@ def post_services_add():
 
     db.query('''
         INSERT INTO services (service_id, internal_port, public_port, status) VALUES (?, ?, ?, ?)
-    ''', (req['name'], req['port'], random.randint(30000, 45000), 'stopped'))
+    ''', (req['name'], req['port'], random.randint(30000, 45000), 'stop'))
 
     res = {
         'status': 'ok'

frontend/src/components/Header/index.tsx

@@ -12,7 +12,7 @@ import AddNewService from '../AddNewService';
 
 function Header() {
   
-  const [generalStats, setGeneralStats] = useState<GeneralStats>({closed:0, regex:0, services:0});
+  const [generalStats, setGeneralStats] = useState<GeneralStats>({closed:0, regexes:0, services:0});
   const location = useLocation()
 
   const navigator = useNavigate()
@@ -41,7 +41,7 @@ function Header() {
         <div className="flex-spacer" />
         <Badge color="green" size="lg" variant="filled">Services: {generalStats.services}</Badge>
         <Badge style={{marginLeft:"10px"}} size="lg" color="yellow" variant="filled">Filtered Connections: {generalStats.closed}</Badge>
-        <Badge style={{marginLeft:"10px"}} size="lg" color="violet" variant="filled">Regexes: {generalStats.regex}</Badge>
+        <Badge style={{marginLeft:"10px"}} size="lg" color="violet" variant="filled">Regexes: {generalStats.regexes}</Badge>
         <div style={{marginLeft:"20px"}}></div>
         { location.pathname !== "/"?
             <ActionIcon color="teal" style={{marginRight:"10px"}}

frontend/src/js/models.ts

@@ -6,7 +6,7 @@ export const notification_time = 2000;
 export type GeneralStats = {
     services:number,
     closed:number,
-    regex:number
+    regexes:number
 }
 
 export type Service = {
@@ -24,7 +24,6 @@ export type ServiceAddForm = {
     port:number
 }
 
-
 export type ServerResponse = {
     status:string
 }