♻️ function 키워드는 화살표 함수로 변경 (#30)

* ♻️ function 키워드는 화살표 함수로 변경

* ✏️ 화살표 함수에서 => 누락한 부분 반영

Author: Yeonu-Kim

src/lib/utils.ts

@@ -1,6 +1,6 @@
 import { type ClassValue, clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 
-export function cn(...inputs: ClassValue[]) {
+export const cn = (...inputs: ClassValue[]) => {
   return twMerge(clsx(inputs));
-}
+};

src/main.tsx

@@ -8,12 +8,12 @@ if (rootElement === null) {
   throw new Error('Root element not found');
 }
 
-async function enableMocking() {
+const enableMocking = async () => {
   if (import.meta.env.DEV) {
     const { worker } = await import('./mocks');
     return worker.start({ onUnhandledRequest: 'bypass' });
   }
-}
+};
 
 enableMocking().then(() => {
   createRoot(rootElement!).render(

src/mocks/utils.ts

@@ -1,6 +1,6 @@
 export type MockRole = 'OWNER' | 'REVIEWER' | null;
 
-export function getRole(request: Request): MockRole {
+export const getRole = (request: Request): MockRole => {
   const auth = request.headers.get('Authorization');
   if (auth === 'Bearer mock-owner-token') {
     return 'OWNER';
@@ -9,7 +9,7 @@ export function getRole(request: Request): MockRole {
     return 'REVIEWER';
   }
   return null;
-}
+};
 
 // 특수 케이스 트리거 값
 export const CLOSED_EVENT_ID = 'closed-event-001';

src/stories/sign-up-page.stories.tsx

@@ -7,10 +7,10 @@ const VALID_NAME = '홍길동';
 const VALID_EMAIL = 'test@example.com';
 const VALID_CODE = '123456';
 
-async function completeEmailVerification(
+const completeEmailVerification = async (
   canvas: ReturnType<typeof within>,
   email = VALID_EMAIL
-) {
+) => {
   await userEvent.type(canvas.getByLabelText('이메일'), email);
   await userEvent.click(canvas.getByRole('button', { name: '인증 코드 발송' }));
   const codeInput = await canvas.findByLabelText('인증 코드');
@@ -19,7 +19,7 @@ async function completeEmailVerification(
   await expect(
     canvas.findByText('이메일 인증이 완료되었습니다.')
   ).resolves.toBeInTheDocument();
-}
+};
 
 const meta: Meta<typeof SignUpPage> = {
   title: 'Pages/SignUpPage',

src/stories/sign-up.stories.tsx

@@ -8,10 +8,10 @@ const VALID_NAME = '홍길동';
 const VALID_EMAIL = 'test@example.com';
 const VALID_CODE = '123456';
 
-async function completeEmailVerification(
+const completeEmailVerification = async (
   canvas: ReturnType<typeof within>,
   email = VALID_EMAIL
-) {
+) => {
   await userEvent.type(canvas.getByLabelText('이메일'), email);
   await userEvent.click(canvas.getByRole('button', { name: '인증 코드 발송' }));
   const codeInput = await canvas.findByLabelText('인증 코드');
@@ -20,7 +20,7 @@ async function completeEmailVerification(
   await expect(
     canvas.findByText('이메일 인증이 완료되었습니다.')
   ).resolves.toBeInTheDocument();
-}
+};
 
 const meta: Meta<typeof SignUpForm> = {
   title: 'Auth/SignUpForm',

src/widgets/auth/ui/password-input.tsx

@@ -13,15 +13,15 @@ type PasswordInputProps = {
   className?: string;
 };
 
-export function PasswordInput({
+export const PasswordInput = ({
   id,
   value,
   onChange,
   placeholder,
   'aria-invalid': ariaInvalid,
   autoComplete,
   className,
-}: PasswordInputProps) {
+}: PasswordInputProps) => {
   const [show, setShow] = useState(false);
 
   return (
@@ -46,4 +46,4 @@ export function PasswordInput({
       </button>
     </div>
   );
-}
+};

src/widgets/auth/ui/sign-in-form.tsx

@@ -17,7 +17,7 @@ import { Input } from '@/widgets/common/ui/input';
 import { Label } from '@/widgets/common/ui/label';
 import { Tabs, TabsList, TabsTrigger } from '@/widgets/common/ui/tabs';
 
-export function SignInForm() {
+export const SignInForm = () => {
   const [role, setRole] = useState<UserRole>('REVIEWER');
   const [submitted, setSubmitted] = useState(false);
   const [responseMessage, setResponseMessage] = useState('');
@@ -125,4 +125,4 @@ export function SignInForm() {
       </CardContent>
     </Card>
   );
-}
+};

src/widgets/auth/ui/sign-up-form.tsx

@@ -23,7 +23,7 @@ import { Input } from '@/widgets/common/ui/input';
 import { Label } from '@/widgets/common/ui/label';
 import { Tabs, TabsList, TabsTrigger } from '@/widgets/common/ui/tabs';
 
-export function SignUpForm() {
+export const SignUpForm = () => {
   const { toSignIn } = useRouteNavigation();
   const [role, setRole] = useState<UserRole>('REVIEWER');
   const [submitted, setSubmitted] = useState(false);
@@ -361,7 +361,7 @@ export function SignUpForm() {
       />
     </>
   );
-}
+};
 
 const RequirementItem = ({ label, met }: { label: string; met: boolean }) => {
   return (

src/widgets/common/ui/re-sign-in-modal.tsx

@@ -2,7 +2,7 @@ import { createPortal } from 'react-dom';
 import { useRouteNavigation } from '@/feature/shared/routes/use-route-navigation';
 import { Button } from './button';
 
-export function ReSignInModal() {
+export const ReSignInModal = () => {
   const { toSignIn } = useRouteNavigation();
 
   return createPortal(
@@ -26,4 +26,4 @@ export function ReSignInModal() {
     </div>,
     document.body
   );
-}
+};