diff --git a/src/components/Add_Driver.js b/src/components/Add_Driver.js new file mode 100644 index 0000000..30aa722 --- /dev/null +++ b/src/components/Add_Driver.js @@ -0,0 +1,119 @@ +import React, { useState } from 'react'; +import { Button, InputGroup, Input} from 'reactstrap'; +import 'bootstrap/dist/css/bootstrap.min.css'; +import './component.css'; + +function Add_Driver() { + const [driverFirstName, setDriverFirstName] = useState(''); + const [driverLastName, setDriverLastName] = useState(''); + const [driverEmailId, setDriverEmailId] = useState(''); + const [driverContactNo1, setDriverContactNo1] = useState(''); + const [driverContactNo2, setDriverContactNo2] = useState(''); + const [driverLicenseNo, setDriverLicenseNo] = useState(''); + + // Submit Event for Add Driver Button + const submit = () => { + const user = { + first_name: driverFirstName, + last_name: driverLastName, + email_id: driverEmailId, + contact_no_1: driverContactNo1, + contact_no_2: driverContactNo2, + license_no: driverLicenseNo, + }; + fetch('http://localhost:4000/users', { + method: 'POST', + headers: { + Accept: 'application/cab-tab.com; version=1', + 'Content-Type': 'application/json', + }, + body: JSON.stringify(user), + }).then((response) => { console.log(response); }); + }; + + return ( +