refactor: defining the type for component props

f-lab-edu · Sep 16, 2024 · 96faae4 · 96faae4
1 parent c3504f5
commit 96faae4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/components/footer/csButton.tsx b/src/components/footer/csButton.tsx
@@ -1,7 +1,11 @@
 import React, { memo } from 'react';
 import { Icons } from '../icons';
 
-const CsButton = memo(function Button({ title }: { title: string }) {
+type Props = {
+  title: string;
+};
+
+const CsButton = memo(function Button({ title }: Props) {
   return (
     <button
       type="button"

diff --git a/src/components/header/myMenuItem.tsx b/src/components/header/myMenuItem.tsx
@@ -1,14 +1,12 @@
+import { MyMenuItemType } from '@/types/header';
 import Link from 'next/link';
 import { memo } from 'react';
 
-type MyMenuItem = {
-  icon: JSX.Element;
-  title: string;
-  link: string;
-  style?: string;
+type Props = {
+  menu: MyMenuItemType;
 };
 
-const MyMenuItem = memo(function MyMenuItem({ menu }: { menu: MyMenuItem }) {
+const MyMenuItem = memo(function MyMenuItem({ menu }: Props) {
   return (
     <li className={`hidden md:block ${menu?.style}`}>
       <Link href={menu.link} className="flex gap-1 items-center">