
// /**
//  * Camera Component would save the photo with location
//  */

// import React, { useState, useEffect, useContext } from "react";

// import { Typography, Button } from 'antd';

// import useGeolocation from 'react-hook-geolocation'

// import { Attachments } from '../../../core/models/';

// import { Empty } from 'antd';

// import Camera from "../camera/camera";

// import './web-camera.scss';

// const { Title } = Typography;

// export default function WebCamera({ onChange }) {

//     // Response
//     const [response, setReponse] = useState(null);

//     const geolocation = useGeolocation({
//         enableHighAccuracy: true,
//         maximumAge: 15000,
//         timeout: 12000
//     })

//     const [loading, setLoading] = useState(false);

//     const [visible, setVisible] = useState(false);

//     function handleTakePhoto(dataUri) {

//         setVisible(false);

//         setLoading(true);

//         Attachments.uploadBase64(dataUri).then((result) => {

//             onChange({ result, geolocation });

//             setLoading(false);

//         })
//     }

//     /**
//      * Read the fingerprint
//      */
//     function readFingerPrint() {

//         setLoading(true);

//         let formBody = {
//             Timeout: 10000,
//             Quality: "50",
//             "licstr=": "hE/78I5oOUJnm5fa5zDDRrEJb5tdqU71AVe+/Jc2RK0=",
//             "templateFormat=": "ISO",
//             "imageWSQRate=": "0.75",
//         };

//         fetch("https://localhost:8443/SGIFPCapture", { method: 'POST', body: formBody })
//             .then((res) => res.json())
//             .then((json) => {

//                 console.log(json);

//                 setReponse(json);

//                 setLoading(false);

//             });
//     }

//     useEffect(() => {

//         return () => {

//         }

//     }, [])

//     return (<div className="web-camera">

//         <Title level={5}>
//             Web Camera
//         </Title>

//         <div className="web-camera-container">

//             <div className="web-camera-box">
//                 {response ? <div className="image-container"><img src={`data:image/png;base64,${response.BMPBase64}`} /></div> : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />}
//             </div>

//             <div className="actions">

//                 <Button onClick={() => { readFingerPrint(true); }}>
//                     {loading ? 'Loading' : 'Read'}
//                 </Button>

//                 <Button onClick={() => { readFingerPrint(true); }}>
//                     Clear
//                 </Button>

//                 <Button onClick={() => { readFingerPrint(true); }}>
//                     Retake
//                 </Button>



//             </div>

//         </div>

//     </div>)
// }
// <div className="core-camera">

// <>

//     {selected && <ImagePreview dataUri={selected} />}

//     <Button className="camera-trigger" onClick={() => { setVisible(true); }}>
//         {loading ? 'Loading' : 'Open Camera'}
//     </Button>

//     <Modal
//         width={'50%'}
//         header={null}
//         className="camera-modal"
//         visible={visible}
//         title={'Camera'}
//         footer={null}
//         onCancel={() => { setVisible(false); }}
//     >

//         <Camera
//             isImageMirror={false}
//             // idealFacingMode={FACING_MODES.ENVIRONMENT}
//             onTakePhoto={(dataUri) => { handleTakePhoto(dataUri); }}
//         />

//         <div className="geotag">

//             {/* <p>
//                 Latitude : {geolocation.latitude}
//             </p>

//             <p>
//                 Latitude : {geolocation.longitude}
//             </p> */}
//         </div>

//     </Modal>
// </>

// </div>