AYS-361 | fixed Invalid Seating Count (without - ,+ ,e) (#205)

Author: NNakreSS

src/components/dataTable/dataTableSearchField.tsx

@@ -16,10 +16,7 @@ interface DataTableSearchFieldProps<TData>
   }
 }
 
-const DataTableSearchField = <TData,>({
-  field,
-  table,
-}: DataTableSearchFieldProps<TData>) => {
+const DataTableSearchField = <TData, >({ field, table }: DataTableSearchFieldProps<TData>) => {
   const schema = getValidationSchema(field.value)
   const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const inputValue = event.target.value
@@ -30,11 +27,20 @@ const DataTableSearchField = <TData,>({
     } else {
       toast({
         title: validation.error.errors[0].message,
-        variant: 'destructive',
+        variant: 'destructive'
       }) // Set the error message
     }
   }
 
+  const onInputHandle = (e: any) => {
+    if (field.type == 'number') {
+      const onlyNumber = ['seatingCount', 'referenceNumber']
+      if (onlyNumber.includes(field.value)) {
+        e.target.value = e.target.value.replace(/[^0-9]/g, '')
+      }
+    }
+  }
+
   return (
     <div key={field.value} className="relative h-10">
       <Input
@@ -47,6 +53,7 @@ const DataTableSearchField = <TData,>({
           ''
         }
         onChange={handleInputChange}
+        onInput={onInputHandle}
       />
       <Label
         htmlFor={field.value}