From 6661756cf8cb8579a000fcb79bc46eaa47850c50 Mon Sep 17 00:00:00 2001
From: wonjichoe <wonjichoe@gmail.com>
Date: Mon, 9 Sep 2024 14:04:22 +0900
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=ED=94=84=EB=A1=9C=ED=95=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=8B=89?=
 =?UTF-8?q?=EB=84=A4=EC=9E=84=20input=20=EA=B0=92=EC=9D=B4=20=EC=97=86?=
 =?UTF-8?q?=EC=9C=BC=EB=A9=B4=20=EC=88=98=EC=A0=95=ED=95=98=EA=B8=B0=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EB=B9=84=ED=99=9C=EC=84=B1=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ProfileEdit.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ProfileEdit.tsx b/src/pages/ProfileEdit.tsx
index 1e94e6b..3f50c7b 100644
--- a/src/pages/ProfileEdit.tsx
+++ b/src/pages/ProfileEdit.tsx
@@ -113,7 +113,7 @@ const ProfileEditPage: React.FC = () => {
         />
       </div>
       <div css={buttonContainerStyle}>
-        <FullButton styleType="primary" onClick={handleSaveProfile}>
+        <FullButton styleType={name.trim() !== '' ? "primary" : "disabled"} onClick={handleSaveProfile}>
           수정하기
         </FullButton>
         <FullButton styleType="cancel" onClick={handleCancel}>

From 65bb48b4f13ac3001893d51539542bedbe3828d3 Mon Sep 17 00:00:00 2001
From: wonjichoe <wonjichoe@gmail.com>
Date: Mon, 9 Sep 2024 14:07:11 +0900
Subject: [PATCH 2/2] =?UTF-8?q?feat:=20=ED=94=84=EB=A1=9C=ED=95=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=A1=9C?=
 =?UTF-8?q?=EB=94=A9=20=EC=8A=A4=ED=94=BC=EB=84=88=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/playlistDetail/PlaylistInfo.tsx |  2 +-
 src/pages/ProfileEdit.tsx                      | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/playlistDetail/PlaylistInfo.tsx b/src/components/playlistDetail/PlaylistInfo.tsx
index 7d535c3..42eb330 100644
--- a/src/components/playlistDetail/PlaylistInfo.tsx
+++ b/src/components/playlistDetail/PlaylistInfo.tsx
@@ -239,4 +239,4 @@ const verticalButtonStyle = css`
   margin-top: 2px;
 `;
 
-export default PlaylistInfo;
\ No newline at end of file
+export default PlaylistInfo;
diff --git a/src/pages/ProfileEdit.tsx b/src/pages/ProfileEdit.tsx
index 3f50c7b..d3971a1 100644
--- a/src/pages/ProfileEdit.tsx
+++ b/src/pages/ProfileEdit.tsx
@@ -8,6 +8,7 @@ import Avatar from '@/components/common/Avatar';
 import FullButton from '@/components/common/buttons/FullButton';
 import Input from '@/components/common/inputs/Input';
 import Textarea from '@/components/common/inputs/Textarea';
+import Spinner from '@/components/common/loading/Spinner';
 import BackHeader from '@/components/layout/header/BackHeader';
 import { useAuth } from '@/hooks/useAuth';
 import { useUserData } from '@/hooks/useUserData';
@@ -72,7 +73,11 @@ const ProfileEditPage: React.FC = () => {
   };
 
   if (!initialUserData) {
-    return <div>Loading...</div>;
+    return (
+      <div>
+        <Spinner />
+      </div>
+    );
   }
 
   return (
@@ -113,7 +118,10 @@ const ProfileEditPage: React.FC = () => {
         />
       </div>
       <div css={buttonContainerStyle}>
-        <FullButton styleType={name.trim() !== '' ? "primary" : "disabled"} onClick={handleSaveProfile}>
+        <FullButton
+          styleType={name.trim() !== '' ? 'primary' : 'disabled'}
+          onClick={handleSaveProfile}
+        >
           수정하기
         </FullButton>
         <FullButton styleType="cancel" onClick={handleCancel}>