Merge pull request #146 from MurakawaTakuya/fix/145-guest-logout

ゲストログインをしているときにログアウトボタンを表示
MurakawaTakuya · Jan 10, 2025 · bde7ecf · bde7ecf
2 parents 98dc256 + 919dc48
commit bde7ecf
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/src/Components/Account/LoggedInView.tsx b/src/Components/Account/LoggedInView.tsx
@@ -62,10 +62,19 @@ export default function LoggedInView() {
       )}
 
       {user.loginType === "Guest" && (
-        <Typography color="danger">
-          ゲストユーザーは閲覧以外の機能は使用できません。
-          全ての機能を利用するにはログインが必要です。
-        </Typography>
+        <>
+          <Typography color="danger">
+            ゲストユーザーは閲覧以外の機能は使用できません。
+            全ての機能を利用するにはログインが必要です。
+          </Typography>
+          <RoundedButton
+            variant="contained"
+            onClick={handleSignOut}
+            sx={{ width: "150px", margin: "0 auto" }}
+          >
+            ログアウト
+          </RoundedButton>
+        </>
       )}
 
       {user.loginType !== "Guest" && user.isMailVerified && (