From 6a2b2466fbc3ecc4021048f885923883348cecf2 Mon Sep 17 00:00:00 2001
From: Sungu Kim <108677235+haegu97@users.noreply.github.com>
Date: Wed, 11 Dec 2024 10:33:58 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=E2=99=BB=EF=B8=8F[Refactor]=20=EB=A1=9C?=
 =?UTF-8?q?=EA=B7=B8=EC=9D=B8=20=EB=B2=84=ED=8A=BC=20=EA=B3=B5=EC=9A=A9=20?=
 =?UTF-8?q?=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EB=B2=84=ED=8A=BC?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EB=B3=80=EA=B2=BD=20#124?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../auth/container/login-form/LoginForm.tsx         | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/features/auth/container/login-form/LoginForm.tsx b/src/features/auth/container/login-form/LoginForm.tsx
index 51cf5e71..941030d9 100644
--- a/src/features/auth/container/login-form/LoginForm.tsx
+++ b/src/features/auth/container/login-form/LoginForm.tsx
@@ -2,7 +2,7 @@
 
 import React from 'react';
 import FormField from '../../components/form-field/FormField';
-import SubmitButton from '../../components/submit-button/SubmitButton';
+import Button from '@/components/button/Button';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { loginFormSchema, LoginFormData } from '../../types/loginFormSchema';
@@ -47,9 +47,14 @@ export default function LoginForm() {
             register={register('password')}
             error={errors.password?.message}
           />
-          <SubmitButton isSubmitting={isSubmitting} disabled={!isValid}>
-            로그인
-          </SubmitButton>
+          <Button
+            text="로그인"
+            size="large"
+            fillType="solid"
+            themeColor="green-normal-01"
+            isSubmitting={isSubmitting}
+            disabled={!isValid}
+          />
         </form>
       </div>
     </div>

From ba8079d22e8880b42478c86fc37a7541cdb6ec69 Mon Sep 17 00:00:00 2001
From: Sungu Kim <108677235+haegu97@users.noreply.github.com>
Date: Wed, 11 Dec 2024 10:35:42 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=94=A5[Remove]=20=EA=B8=B0=EC=A1=B4?=
 =?UTF-8?q?=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=EB=B2=84=ED=8A=BC=20=EC=82=AD?=
 =?UTF-8?q?=EC=A0=9C=20#124?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../submit-button/SubmitButton.stories.tsx    | 16 -----------
 .../submit-button/SubmitButton.test.tsx       | 25 -----------------
 .../components/submit-button/SubmitButton.tsx | 27 -------------------
 3 files changed, 68 deletions(-)
 delete mode 100644 src/features/auth/components/submit-button/SubmitButton.stories.tsx
 delete mode 100644 src/features/auth/components/submit-button/SubmitButton.test.tsx
 delete mode 100644 src/features/auth/components/submit-button/SubmitButton.tsx

diff --git a/src/features/auth/components/submit-button/SubmitButton.stories.tsx b/src/features/auth/components/submit-button/SubmitButton.stories.tsx
deleted file mode 100644
index 8eb4bf84..00000000
--- a/src/features/auth/components/submit-button/SubmitButton.stories.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import SubmitButton from './SubmitButton';
-
-const meta: Meta<typeof SubmitButton> = {
-  title: 'Auth/SubmitButton',
-  component: SubmitButton,
-};
-
-export default meta;
-type Story = StoryObj<typeof SubmitButton>;
-
-export const Default: Story = {
-  args: {
-    children: '로그인',
-  },
-};
diff --git a/src/features/auth/components/submit-button/SubmitButton.test.tsx b/src/features/auth/components/submit-button/SubmitButton.test.tsx
deleted file mode 100644
index cd7af184..00000000
--- a/src/features/auth/components/submit-button/SubmitButton.test.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import '@testing-library/jest-dom';
-import { render, screen } from '@testing-library/react';
-import SubmitButton from './SubmitButton';
-
-describe('SubmitButton', () => {
-  it('버튼이 올바르게 렌더링되어야 한다', () => {
-    render(<SubmitButton>테스트 버튼</SubmitButton>);
-
-    const button = screen.getByRole('button');
-    expect(button).toBeInTheDocument();
-    expect(button).toHaveAttribute('type', 'submit');
-  });
-
-  it('children prop이 올바르게 표시되어야 한다', () => {
-    render(<SubmitButton>로그인</SubmitButton>);
-
-    expect(screen.getByText('로그인')).toBeInTheDocument();
-  });
-
-  it('isSubmitting prop이 true일 때 버튼이 비활성화되어야 한다', () => {
-    render(<SubmitButton isSubmitting>로그인</SubmitButton>);
-
-    expect(screen.getByRole('button')).toBeDisabled();
-  });
-});
diff --git a/src/features/auth/components/submit-button/SubmitButton.tsx b/src/features/auth/components/submit-button/SubmitButton.tsx
deleted file mode 100644
index aad48eab..00000000
--- a/src/features/auth/components/submit-button/SubmitButton.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-interface SubmitButtonProps {
-  children: React.ReactNode;
-  isSubmitting?: boolean;
-  disabled?: boolean;
-}
-
-function SubmitButton({
-  children,
-  isSubmitting = false,
-  disabled = false,
-}: SubmitButtonProps) {
-  return (
-    <button
-      type="submit"
-      disabled={isSubmitting || disabled}
-      className={`w-full rounded-lg p-2 text-sm text-white sm:p-3 sm:text-base ${
-        isSubmitting || disabled
-          ? 'cursor-not-allowed bg-gray-400'
-          : 'bg-orange-500 hover:bg-orange-600'
-      }`}
-    >
-      {children}
-    </button>
-  );
-}
-
-export default SubmitButton;