feat: 회원 이벤트 생성 완료 버튼을 누를 때 로딩이 되도록 함

woowacourse-teams · Nov 19, 2024 · 230d8ab · 230d8ab
1 parent 910983e
commit 230d8ab
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/client/src/pages/CreateEventPage/CreateMemberEventPage/SetMemberEventNameStep.tsx b/client/src/pages/CreateEventPage/CreateMemberEventPage/SetMemberEventNameStep.tsx
@@ -16,7 +16,7 @@ type SetEventNamePageProps = {
 
 const SetMemberEventNameStep = ({moveToNextStep, setEventToken}: SetEventNamePageProps) => {
   const {eventName, errorMessage, canSubmit, handleEventNameChange} = useSetEventNameStep();
-  const {postEvent} = useRequestPostMemberEvent();
+  const {postEvent, isPostEventPending} = useRequestPostMemberEvent();
   const {trackCompleteCreateMemberEvent} = useAmplitude();
 
   const submit = async (event: React.FormEvent<HTMLFormElement>) => {
@@ -56,7 +56,9 @@ const SetMemberEventNameStep = ({moveToNextStep, setEventToken}: SetEventNamePag
           isError={!!errorMessage}
           autoFocus
         />
-        <FixedButton disabled={!canSubmit}>다음</FixedButton>
+        <FixedButton variants={isPostEventPending ? 'loading' : 'primary'} disabled={!canSubmit}>
+          다음
+        </FixedButton>
       </form>
     </div>
   );