Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add local storage functionality to track acceptance of terms of service

Browse Source
This commit is contained in:
vagusx 2023-11-21 16:55:46 +08:00
parent b283d39d81
commit 3bc2568052
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/TermsOfServiceDialog.tsx
View File

@ -8,8 +8,10 @@ import {
} from "@/components/ui/dialog"; } from "@/components/ui/dialog";
import { useState } from "react"; import { useState } from "react";
const termAcceptedCacheKey = 'term_of_service_accepted';
function TermsOfServiceDialog() { function TermsOfServiceDialog() {
const [isOpen, setIsOpen] = useState(true); const [isOpen, setIsOpen] = useState(() => !localStorage.getItem(termAcceptedCacheKey));
return ( return (
<Dialog open={isOpen} onOpenChange={setIsOpen}> <Dialog open={isOpen} onOpenChange={setIsOpen}>
@ -40,7 +42,9 @@ function TermsOfServiceDialog() {
</div> </div>
<DialogFooter> <DialogFooter>
<DialogClose>Agree</DialogClose> <DialogClose onClick={() => {
localStorage.setItem(termAcceptedCacheKey, 'true');
}}>Agree</DialogClose>
</DialogFooter> </DialogFooter>
</DialogContent> </DialogContent>
</Dialog> </Dialog>