fixed number input

docker-compose.yml

@@ -1,19 +1,16 @@
 services:
-  frontend:
+  #  frontend:
-    container_name: ca-lose-frontend
+  #    container_name: ca-lose-frontend
-    hostname: lose-verkaufen
+  #    build: ./frontend
-    build: ./frontend
+  #    ports:
-    depends_on:
+  #      - "8002:80"
-      - backend
+  #    restart: unless-stopped
-    networks:
-      ca-lose-internal:
-        ipv4_address: 172.25.0.2
-    restart: unless-stopped
 
   backend:
     container_name: ca-lose-backend
-    hostname: backend
     build: ./backend
+    ports:
+      - "8004:8004"
     environment:
       NODE_ENV: production
       DB_HOST: ca-lose-mysql
@@ -22,78 +19,21 @@ services:
       DB_NAME: ca_lose
     depends_on:
       - database
-    networks:
-      ca-lose-internal:
-        ipv4_address: 172.25.0.3
     restart: unless-stopped
 
   database:
     container_name: ca-lose-mysql
-    hostname: database
     image: mysql:8.0
     restart: unless-stopped
+    ports:
+      - "3311:3306"
     environment:
       MYSQL_ROOT_PASSWORD: ${DB_PASSWORD}
       MYSQL_DATABASE: ca_lose
       TZ: Europe/Berlin
     volumes:
-      - ../docker/volumes/ca-lose_mysql:/var/lib/mysql
+      - ./.docker/volumes/ca-lose_mysql:/var/lib/mysql
       - ./mysql-timezone.cnf:/etc/mysql/conf.d/timezone.cnf:ro
-    networks:
-      ca-lose-internal:
-        ipv4_address: 172.25.0.4
 
-  # DNS Server for hostname resolution within the Docker network
-  dnsmasq:
-    container_name: ca-lose-dns
-    image: andyshinn/dnsmasq:latest
-    restart: unless-stopped
-    cap_add:
-      - NET_ADMIN
-    command: >
-      --no-daemon
-      --log-queries
-      --address=/lose-verkaufen/172.25.0.2
-      --address=/frontend/172.25.0.2
-      --address=/backend/172.25.0.3
-      --address=/database/172.25.0.4
-      --address=/wireguard/172.25.0.6
-    networks:
-      ca-lose-internal:
-        ipv4_address: 172.25.0.5
-
-  # WireGuard VPN server for secure remote access to the Docker network
-  wireguard:
-    build: ./wg-easy-ca-lose
-    container_name: ca-lose-wireguard
-    cap_add:
-      - NET_ADMIN
-      - SYS_MODULE
-    environment:
-      WG_HOST: dus3.the1s.de
-      INSECURE: "true"
-      HOST: "172.25.0.6"
-      PORT: "80"
 volumes:
-      - ../docker/volumes/ca-lose-wireguard-v15:/etc/wireguard
+  ca-lose_mysql:
-      - /lib/modules:/lib/modules:ro
-    ports:
-      - "51830:51830/udp"
-    #      - "51831:51821/tcp" Public Web-UI Port
-    sysctls:
-      - net.ipv4.ip_forward=1
-      - net.ipv4.conf.all.src_valid_mark=1
-    restart: unless-stopped
-    depends_on:
-      - dnsmasq
-    networks:
-      ca-lose-internal:
-        ipv4_address: 172.25.0.6
-
-networks:
-  ca-lose-internal:
-    driver: bridge
-    ipam:
-      config:
-        - subnet: 172.25.0.0/24
-          gateway: 172.25.0.1

frontend/src/pages/MainForm.tsx

@@ -72,7 +72,7 @@ export const MainForm = () => {
       lastName: "",
       email: "",
       phoneNumber: "",
-      tickets: 1,
+      tickets: 0,
       chocolates: false,
       companyName: "",
       cmpFirstName: "",
@@ -331,12 +331,14 @@ export const MainForm = () => {
                       <>
                         <Input
                           type="number"
-                          value={field.state.value ?? ""}
+                          value={
-                          onBlur={field.handleBlur}
+                            field.state.value === 0 ? "" : field.state.value
-                          onChange={(e) =>
-                            field.handleChange(Number(e.target.value))
                           }
-                          slotProps={{ input: { min: 1 } }}
+                          onBlur={field.handleBlur}
+                          onChange={(e) => {
+                            const val = e.target.value;
+                            field.handleChange(val === "" ? 0 : Number(val));
+                          }}
                           variant="soft"
                           sx={{ borderRadius: "10px" }}
                         />