feat: made the tabs not controlled

hirosystems · Jan 16, 2025 · 77e5b13 · 77e5b13
1 parent 4a18453
commit 77e5b13
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 14 deletions.
diff --git a/src/app/token/[tokenId]/Tabs/index.tsx b/src/app/token/[tokenId]/Tabs/index.tsx
@@ -1,5 +1,4 @@
 import { getIsSBTC } from '@/app/tokens/utils';
-import { useState } from 'react';
 
 import { ContractAvailableFunctions } from '../../../../common/components/ContractAvailableFunctions';
 import { TabsContainer } from '../../../../common/components/TabsContainer';
@@ -24,11 +23,8 @@ export function TokenTabsBase({ tokenId, tokenInfo, developerData }: TokenTabsPr
   const { data: contract } = useSuspenseContractById(tokenId);
   const source = contract?.source_code;
   const isSBTC = getIsSBTC(tokenId);
-  const [tabId, setTabId] = useState('confirmed');
   return (
     <TabsContainer
-      tabId={tabId}
-      setTabId={setTabId}
       tabs={[
         {
           title: 'Confirmed',

diff --git a/src/common/components/TabsContainer.tsx b/src/common/components/TabsContainer.tsx
@@ -6,22 +6,14 @@ import { Section } from './Section';
 
 export const TabsContainer: FC<
   {
-    setTabId: (id: string) => void;
-    tabId: string;
     title?: string | ReactNode;
     tabs: TxListTab[];
     actions?: ReactNode;
   } & FlexProps
-> = ({ setTabId, tabId, title, tabs, actions, ...props }) => {
+> = ({ title, tabs, actions, ...props }) => {
   return (
     <Section title={title} {...props}>
-      <Tabs.Root
-        lazyMount
-        onValueChange={({ value: id }) => {
-          setTabId?.(id);
-        }}
-        value={tabId}
-      >
+      <Tabs.Root lazyMount defaultValue={tabs[0].id}>
         <Tabs.List width="full" border={'none'} pb={1}>
           <Flex
             gap={4}