use local storage item as initial state

Author: Thenlie

src/app/(main)/AndroidUpgradeNotification.tsx

@@ -1,23 +1,19 @@
 'use client';
 
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 import Flex from '../../components/Flex';
 
 export default function AndroidUpgradeNotification() {
-  const [alertVisible, setAlertVisible] = useState(true);
   const androidUpgradeNotificationDismissed = localStorage.getItem(
     'relistenAndroidNotificationDismissed'
   );
+  const [alertVisible, setAlertVisible] = useState(!androidUpgradeNotificationDismissed);
 
   const dismissAlert = () => {
     localStorage.setItem('relistenAndroidNotificationDismissed', 'true');
     setAlertVisible(false);
   };
 
-  useEffect(() => {
-    if (androidUpgradeNotificationDismissed) setAlertVisible(false);
-  }, [androidUpgradeNotificationDismissed]);
-
   return alertVisible ? (
     <Flex column className="border-b-[1px] border-b-[#aeaeae]">
       <section className="relative my-2 flex flex-col justify-center">

src/app/(main)/NavBar.tsx

@@ -11,7 +11,9 @@ import AndroidUpgradeNotification from './AndroidUpgradeNotification';
 export default async function NavBar() {
   const artists = await fetchArtists();
   const userAgent = await getUserAgent();
-  const isAndroid = /android/i.test(userAgent?.ua || '');
+
+  // const isAndroid = /android/i.test(userAgent?.ua || '');
+  const isAndroid = true;
 
   const artistSlugsToName = artists.reduce(
     (memo, next) => {