From 7e7aa3a8ba83bdb181cd5d87ac2781d73ca98678 Mon Sep 17 00:00:00 2001
From: Wiktoria Salamon <wiktoriajuliasalamon@gmail.com>
Date: Fri, 19 Jul 2024 15:52:13 +0200
Subject: [PATCH] refactor: remove redundant prop

---
 frontend/src/components/common/Tabs/Tabs.interface.ts | 1 -
 frontend/src/components/common/Tabs/Tabs.tsx          | 7 ++-----
 frontend/src/components/pages/MySpace/MySpace.tsx     | 2 +-
 3 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/common/Tabs/Tabs.interface.ts b/frontend/src/components/common/Tabs/Tabs.interface.ts
index e42c2311..1a2288a5 100644
--- a/frontend/src/components/common/Tabs/Tabs.interface.ts
+++ b/frontend/src/components/common/Tabs/Tabs.interface.ts
@@ -5,5 +5,4 @@ export interface TabsProps {
   current: Option;
   onTabChange: (tab: Option) => void;
   className?: string;
-  centered?: boolean;
 }
diff --git a/frontend/src/components/common/Tabs/Tabs.tsx b/frontend/src/components/common/Tabs/Tabs.tsx
index 187502ca..106befc6 100644
--- a/frontend/src/components/common/Tabs/Tabs.tsx
+++ b/frontend/src/components/common/Tabs/Tabs.tsx
@@ -3,7 +3,7 @@ import { TabsProps } from './Tabs.interface';
 import { generateClassNames } from '@app/utils';
 import { useTabs } from './Tabs.hooks';
 
-export const Tabs: FC<TabsProps> = ({ tabs, current, onTabChange, className, centered }) => {
+export const Tabs: FC<TabsProps> = ({ tabs, current, onTabChange, className }) => {
   const { handleSelectTab } = useTabs(tabs, onTabChange);
   return (
     <div>
@@ -25,10 +25,7 @@ export const Tabs: FC<TabsProps> = ({ tabs, current, onTabChange, className, cen
       </div>
       <div className="hidden sm:block">
         <div className="border-b border-navy-200">
-          <nav
-            aria-label="Tabs"
-            className={generateClassNames('flex space-x-8', { 'justify-center': centered }, className)}
-          >
+          <nav aria-label="Tabs" className={generateClassNames('flex space-x-8', className)}>
             {tabs.map((tab) => (
               <div
                 key={tab.id}
diff --git a/frontend/src/components/pages/MySpace/MySpace.tsx b/frontend/src/components/pages/MySpace/MySpace.tsx
index 7d018de9..5bbab705 100644
--- a/frontend/src/components/pages/MySpace/MySpace.tsx
+++ b/frontend/src/components/pages/MySpace/MySpace.tsx
@@ -17,7 +17,7 @@ export const MySpace: React.FC<MySpaceProps> = ({ data }) => {
         My Space
       </Typography>
       <Header user={user} currentLevel={currentLevel} nextLevel={nextLevel} />
-      <Tabs tabs={mySpaceTabs} current={currentTab} onTabChange={setCurrentTab} centered />
+      <Tabs tabs={mySpaceTabs} current={currentTab} onTabChange={setCurrentTab} className="justify-center" />
       <div>{currentTab.id === 'ladder' && <LadderTab bands={ladder.bands} currentLevel={currentLevel.band} />}</div>
     </div>
   );