From d9a67ede099a546565243f764a1fc3201ad5ff87 Mon Sep 17 00:00:00 2001
From: seungchanwoo <tmdcksqkd123@naver.com>
Date: Thu, 8 Aug 2024 15:25:32 +0900
Subject: [PATCH] =?UTF-8?q?Formatting:=20#62=20ListSidebar=20props=20?=
 =?UTF-8?q?=EC=9D=B4=EB=A6=84=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/sidebar/ListSidebar.tsx | 14 +++++++-------
 src/layouts/page/TeamLayout.tsx        |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/sidebar/ListSidebar.tsx b/src/components/sidebar/ListSidebar.tsx
index bc84792b..5d270b66 100644
--- a/src/components/sidebar/ListSidebar.tsx
+++ b/src/components/sidebar/ListSidebar.tsx
@@ -4,13 +4,13 @@ type ListSidebarProps = {
   label?: string;
   title: string;
   children?: ReactNode;
-  isButton?: boolean;
-  buttonText?: string;
-  onButtonClick?: () => void;
+  showButton?: boolean;
+  text?: string;
+  onClick?: () => void;
 };
 
 // ToDo: 프로젝트 생성 등과 같은 버튼 기능 추가할 것
-export default function ListSidebar({ label, title, children, isButton, buttonText, onButtonClick }: ListSidebarProps) {
+export default function ListSidebar({ label, title, children, showButton, text, onClick }: ListSidebarProps) {
   return (
     <aside className="mr-10 flex w-1/3 flex-col border border-list bg-contents-box">
       <div className="flex min-h-30 items-center justify-between bg-sub px-10">
@@ -19,13 +19,13 @@ export default function ListSidebar({ label, title, children, isButton, buttonTe
           <span className="text-emphasis">{title}</span>
         </div>
         {/* 팀 생성 모달 */}
-        {isButton && (
+        {showButton && (
           <button
             type="button"
             className="rounded-md bg-main px-4 py-2 text-white outline-none hover:brightness-90"
-            onClick={onButtonClick}
+            onClick={onClick}
           >
-            {buttonText}
+            {text}
           </button>
         )}
       </div>
diff --git a/src/layouts/page/TeamLayout.tsx b/src/layouts/page/TeamLayout.tsx
index 70c0adc1..c6435e3e 100644
--- a/src/layouts/page/TeamLayout.tsx
+++ b/src/layouts/page/TeamLayout.tsx
@@ -22,7 +22,7 @@ export default function TeamLayout() {
   return (
     <>
       <section className="flex h-full p-15">
-        <ListSidebar title="팀 목록" isButton buttonText="팀 생성" onButtonClick={openTeamModal}>
+        <ListSidebar title="팀 목록" showButton text="팀 생성" onClick={openTeamModal}>
           {/* ToDo: 사이드바 팀정보 추가 예정 */}
           <div />
         </ListSidebar>