自身の情報を参照するように修正

cuculus-dev · Dec 13, 2023 · bbc762e · bbc762e
1 parent e791a08
commit bbc762e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 17 deletions.
diff --git a/src/app/(menu)/(public)/[username]/_components/layouts/EditProfileButton.tsx b/src/app/(menu)/(public)/[username]/_components/layouts/EditProfileButton.tsx
@@ -3,16 +3,16 @@
 import CapsuleButton from '@/app/_components/button/CapsuleButton';
 import ProfileSettingModal from '@/app/(menu)/(public)/[username]/_components/layouts/ProfileSettingModal';
 import { useState } from 'react';
+import { useProfile } from '@/swr/client/auth';
 
-type Props = {
-  src: string;
-  displayName: string;
-  bio: string;
-};
-
-export function EditProfileButton({ src, displayName, bio }: Props) {
+export function EditProfileButton() {
   const text = 'プロフィールを編集';
   const [open, setOpen] = useState<boolean>(false);
+  const { data } = useProfile();
+
+  if (!data) {
+    return <></>;
+  }
 
   return (
     <>
@@ -28,9 +28,9 @@ export function EditProfileButton({ src, displayName, bio }: Props) {
       </CapsuleButton>
       <ProfileSettingModal
         open={open}
-        bio={bio}
-        displayName={displayName}
-        src={src}
+        bio={data.bio}
+        displayName={data.name}
+        src={data.profileImageUrl}
         onClose={() => setOpen(false)}
       />
     </>

diff --git a/src/app/(menu)/(public)/[username]/_components/layouts/ProfileCard.tsx b/src/app/(menu)/(public)/[username]/_components/layouts/ProfileCard.tsx
@@ -112,13 +112,7 @@ export default function ProfileCard({
                       {authId && !isMe && (
                         <FollowButton isFollowing={false} userId={id} />
                       )}
-                      {authId && isMe && (
-                        <EditProfileButton
-                          src={profileImageUrl}
-                          displayName={name}
-                          bio={bio}
-                        />
-                      )}
+                      {authId && isMe && <EditProfileButton />}
                     </HFlex>
                   </FillFlex>
                 </HFlex>