|  |  |  | 
|---|
|  |  |  | import React, { useState, useRef, useEffect, useMemo } from "react"; | 
|---|
|  |  |  | import { useTranslate } from "react-admin"; | 
|---|
|  |  |  | import { | 
|---|
|  |  |  | Select, | 
|---|
|  |  |  | MenuItem, | 
|---|
|  |  |  | Button, | 
|---|
|  |  |  | Box, | 
|---|
|  |  |  | useTheme, | 
|---|
|  |  |  | Fab, | 
|---|
|  |  |  | } from '@mui/material'; | 
|---|
|  |  |  | import LensBlurIcon from '@mui/icons-material/LensBlur'; | 
|---|
|  |  |  | import { getFakeSign } from "../http"; | 
|---|
|  |  |  | import { getFakeSign, setFakeSign } from "../http"; | 
|---|
|  |  |  | import { VERIFY_PASSWORD } from '@/config/setting'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const FakeFab = (props) => { | 
|---|
|  |  |  | const translate = useTranslate(); | 
|---|
|  |  |  | const [fakeRun, setFakeRun] = useState(false); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const querySign = () => { | 
|---|
|  |  |  | getFakeSign(null, (data) => { | 
|---|
|  |  |  | useEffect(() => { | 
|---|
|  |  |  | getFakeSign(null, (res) => { | 
|---|
|  |  |  | setFakeRun(res); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, [props]); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const handleToggle = () => { | 
|---|
|  |  |  | getFakeSign(null, (res) => { | 
|---|
|  |  |  | let pass = true; | 
|---|
|  |  |  | if (!res) { | 
|---|
|  |  |  | const pwd = prompt("please enter password:"); | 
|---|
|  |  |  | if (pwd === VERIFY_PASSWORD) { | 
|---|
|  |  |  | pass = true; | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | pass = false; | 
|---|
|  |  |  | if (pwd) { | 
|---|
|  |  |  | alert('Incorrect password'); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if (pass) { | 
|---|
|  |  |  | setFakeSign(!res, (updatedSign) => { | 
|---|
|  |  |  | setFakeRun(updatedSign); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | useEffect(() => { | 
|---|
|  |  |  | querySign(); | 
|---|
|  |  |  | }, []); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | <> | 
|---|
|  |  |  | 
|---|
|  |  |  | variant="extended" | 
|---|
|  |  |  | color={fakeRun ? 'primary' : 'default'} | 
|---|
|  |  |  | size="small" | 
|---|
|  |  |  | onClick={() => { | 
|---|
|  |  |  | setFakeRun(!fakeRun); | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | onClick={handleToggle} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <LensBlurIcon /> | 
|---|
|  |  |  | {/*  {translate('page.map.action.adapt')} */} | 
|---|
|  |  |  |  {translate('page.map.action.fake')}  | 
|---|
|  |  |  | </Fab> | 
|---|
|  |  |  | </> | 
|---|
|  |  |  | ) | 
|---|