メールアドレスで登録した場合のdisplayNameを修正

MurakawaTakuya · Dec 10, 2024 · c2972c1 · c2972c1
1 parent e6eee37
commit c2972c1
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/src/Components/NameUpdate/NameUpdate.tsx b/src/Components/NameUpdate/NameUpdate.tsx
@@ -1,5 +1,5 @@
 "use client";
-import { appCheckToken, functionsEndpoint } from "@/app/firebase";
+import { appCheckToken, auth, functionsEndpoint } from "@/app/firebase";
 import { useUser } from "@/utils/UserContext";
 import {
   DialogContent,
@@ -10,6 +10,7 @@ import {
 } from "@mui/joy";
 import Button from "@mui/material/Button";
 import Stack from "@mui/material/Stack";
+import { updateProfile } from "firebase/auth";
 import React, { useState } from "react";
 
 export default function NameUpdate({
@@ -23,6 +24,7 @@ export default function NameUpdate({
   const { user } = useUser();
   const handleNameUpdate = async (event: React.FormEvent) => {
     event.preventDefault();
+
     const response = await fetch(`${functionsEndpoint}/user/${user?.uid}`, {
       method: "PUT",
       headers: {
@@ -31,6 +33,15 @@ export default function NameUpdate({
       },
       body: JSON.stringify({ name: newName }),
     });
+
+    // Firebase Authentication の displayName を更新
+    if (auth.currentUser) {
+      await updateProfile(auth.currentUser, { displayName: newName });
+      console.log("Firebase displayName updated successfully");
+    } else {
+      console.error("Failed to update displayName: No authenticated user");
+    }
+
     if (!response.ok) {
       console.error("Failed to update name");
     } else {

diff --git a/src/utils/Auth/signUpWithMail.ts b/src/utils/Auth/signUpWithMail.ts
@@ -4,6 +4,7 @@ import { updateUser } from "@/utils/UserContext";
 import {
   createUserWithEmailAndPassword,
   sendEmailVerification,
+  updateProfile,
 } from "firebase/auth";
 
 /**
@@ -24,6 +25,14 @@ export const signUpWithMail = (
       // Signed up
       const user = userCredential.user;
 
+      // Firebase AuthのdisplayNameを設定
+      try {
+        await updateProfile(user, { displayName: name });
+        console.log("ユーザー名を設定しました:", name);
+      } catch (profileUpdateError) {
+        console.error("プロファイル更新に失敗しました:", profileUpdateError);
+      }
+
       // uidとdocument IDを一致させる
       await createUser(name, user.uid);
       updateUser({