fix: input type valid number

aliraza556 · Dec 13, 2024 · 17d5c16 · 17d5c16
1 parent 96c366e
commit 17d5c16
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/src/config/host.ts b/src/config/host.ts
@@ -4,7 +4,8 @@ const externalDockerHosts = ['localhost:23007', 'localhost:23000'];
 export function getHost(): string {
   const host = window.location.host.includes('localhost')
     ? window.location.host.includes('localhost:3007')
-      ? 'localhost:13000'
+      ? // ? 'localhost:13000'
+        'people-test.sphinx.chat'
       : 'localhost:5002'
     : window.location.host;
   return host;

diff --git a/src/pages/superadmin/header/InviteModal.tsx b/src/pages/superadmin/header/InviteModal.tsx
@@ -81,6 +81,14 @@ const InviteModal = (props: InviteProps) => {
     setLoading(false);
   };
 
+  function handleNumberChange(e: any, updateState: (value: number) => void) {
+    const { value } = e.target;
+
+    // Validate: Allow only numbers
+    if (/^\d*$/.test(value)) {
+      updateState(Number(value));
+    }
+  }
   return (
     <>
       <Modal
@@ -128,7 +136,7 @@ const InviteModal = (props: InviteProps) => {
                   width: '100%'
                 }}
                 value={inviteNumber}
-                onChange={(e: any) => setInviteNumber(Number(e.target.value))}
+                onChange={(e: any) => handleNumberChange(e, setInviteNumber)}
               />
             </InvoiceInputContainer>
 
@@ -160,12 +168,12 @@ const InviteModal = (props: InviteProps) => {
               </InvoiceLabel>
               <InvoiceInput
                 data-testid="withdrawInvoiceInput"
-                type="number"
+                type="text"
                 style={{
                   width: '100%'
                 }}
                 value={satAmount}
-                onChange={(e: any) => setSatAmount(Number(e.target.value))}
+                onChange={(e: any) => handleNumberChange(e, setSatAmount)}
               />
             </InvoiceInputContainer>
           </InvoiceForm>