Fix logout issue

Author: an-lee

enjoy/src/renderer/components/preferences/email-settings.tsx

@@ -16,7 +16,7 @@ import { useContext, useEffect, useState } from "react";
 export const EmailSettings = () => {
   const { user, login, webApi } = useContext(AppSettingsProviderContext);
   const [editing, setEditing] = useState(false);
-  const [email, setEmail] = useState(user.email);
+  const [email, setEmail] = useState(user?.email);
   const [code, setCode] = useState("");
   const [codeSent, setCodeSent] = useState<boolean>(false);
   const [countdown, setCountdown] = useState<number>(0);

enjoy/src/renderer/components/preferences/user-settings.tsx

@@ -30,7 +30,7 @@ export const UserSettings = () => {
   const { user, login, logout, webApi } = useContext(
     AppSettingsProviderContext
   );
-  const [name, setName] = useState(user.name);
+  const [name, setName] = useState(user?.name);
   const [editing, setEditing] = useState(false);
 
   const refreshProfile = () => {

enjoy/src/renderer/pages/landing.tsx

@@ -6,7 +6,7 @@ import { LoginForm } from "@renderer/components";
 import { AppSettingsProviderContext } from "@renderer/context";
 
 export default () => {
-  const { initialized } = useContext(AppSettingsProviderContext);
+  const { initialized, EnjoyApp } = useContext(AppSettingsProviderContext);
 
   return (
     <div className="h-screen w-full px-4 py-6 lg:px-8 flex flex-col">
@@ -19,10 +19,14 @@ export default () => {
       </div>
       <div className="mt-auto">
         <div className="flex mb-4 justify-end space-x-4">
-          {initialized && (
+          {initialized ? (
             <Link data-testid="start-to-use-button" to="/" replace>
               <Button className="w-24">{t("startToUse")}</Button>
             </Link>
+          ) : (
+            <Button className="w-24" onClick={() => EnjoyApp.app.reload()}>
+              {t("reload")}
+            </Button>
           )}
         </div>
       </div>