refactor: remove redundant prop

Tivix · Jul 19, 2024 · 7e7aa3a · 7e7aa3a
1 parent 1b067ea
commit 7e7aa3a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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>
   );