fix footer

evertonstz · Apr 23, 2024 · 63fb2f5 · 63fb2f5
1 parent 0808c96
commit 63fb2f5
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/src/components/DevicesModal/DevicesModal.tsx b/src/components/DevicesModal/DevicesModal.tsx
@@ -1,16 +1,23 @@
 import { Modal } from '@/components';
 import { useDevicesLocalStorage } from '@/hooks';
+import { Pax } from '@/pax';
 import { TriangleAlert } from 'lucide-react';
+import { useState } from 'react';
 
 import AddDeviceFooter from '../AddDeviceFooter';
 import DeviceCard from './DeviceCard';
+import { SUPPORTED_DEVICES } from './constants';
 
 export interface DevicesModalProps {
   open: boolean;
   onOpenChange: () => void;
 }
 
 const DevicesModal = ({ open, onOpenChange }: DevicesModalProps) => {
+  const [serialInput, setSerialInput] = useState<string | undefined>(undefined);
+  const defaultDevice = SUPPORTED_DEVICES[0];
+  const [deviceValue, setDeviceValue] =
+    useState<Pax.lib.Devices>(defaultDevice);
   const deviceStore = useDevicesLocalStorage();
 
   const renderCards = () => {
@@ -34,7 +41,14 @@ const DevicesModal = ({ open, onOpenChange }: DevicesModalProps) => {
   };
 
   const renderFooter = () => {
-    return <AddDeviceFooter />;
+    return (
+      <AddDeviceFooter
+        serialInput={serialInput}
+        setSerialInput={setSerialInput}
+        deviceValue={deviceValue}
+        setDeviceValue={setDeviceValue}
+      />
+    );
   };
 
   return (