From 3bc25680529cdb6b5d407c8332e820aeb2e0b948 Mon Sep 17 00:00:00 2001
From: vagusx <vagusxl@gmail.com>
Date: Tue, 21 Nov 2023 16:55:46 +0800
Subject: [PATCH] feat: Add local storage functionality to track acceptance of
 terms of service

---
 frontend/src/components/TermsOfServiceDialog.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

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