fix(apps/frontend-pwa): hide survey notification on mobile and resolv…

…e state loading issue (#4125)
uzh-bf · May 15, 2024 · 8c1e6f0 · 8c1e6f0
1 parent 9cf83ca
commit 8c1e6f0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/apps/frontend-pwa/src/components/common/Header.tsx b/apps/frontend-pwa/src/components/common/Header.tsx
@@ -31,10 +31,8 @@ function Header({
   const { pathname, asPath, query } = router
   const t = useTranslations()
 
-  const { value: hasSeenSurvey, setValue: setHasSeenSurvey } = useStickyState(
-    'hasSeenSurvey',
-    'false'
-  )
+  const { stickyValue: hasSeenSurvey, setValue: setHasSeenSurvey } =
+    useStickyState('hasSeenSurvey', 'false')
 
   const [changeParticipantLocale] = useMutation(ChangeParticipantLocaleDocument)
 
@@ -91,7 +89,7 @@ function Header({
           >
             <Button
               className={{
-                root: 'text-white flex flex-row gap-2 items-center bg-uzh-red-100 border-uzh-red-100 rounded px-2 -mx-2',
+                root: 'hidden md:flex text-white flex-row gap-2 items-center bg-uzh-red-100 border-uzh-red-100 rounded px-2 -mx-2',
               }}
               onClick={() => {
                 setHasSeenSurvey(true)

diff --git a/apps/frontend-pwa/src/pages/index.tsx b/apps/frontend-pwa/src/pages/index.tsx
@@ -53,10 +53,8 @@ const Index = function () {
   const router = useRouter()
   const t = useTranslations()
 
-  const { value: hasSeenSurvey, setValue: setHasSeenSurvey } = useStickyState(
-    'hasSeenSurvey',
-    'false'
-  )
+  const { stickyValue: hasSeenSurvey, setValue: setHasSeenSurvey } =
+    useStickyState('hasSeenSurvey', 'false')
 
   const [subscribeToPush] = useMutation(SubscribeToPushDocument)
   const [unsubscribeFromPush] = useMutation(UnsubscribeFromPushDocument)