fix: tab navigation

.env.development

@@ -1,4 +1,4 @@
 NEXT_PUBLIC_ARWEAVE_CDN_HOST=/api/arweave/txt
 NEXT_PUBLIC_MARKETPLACE_ENABLED=true
 FEATURED_STOREFRONTS_URL="https://bafkreigvmqgo5l6zvoc6gscqhrm6a2qboio2jbgpkewv6pwylgbf4v52ai.ipfs.nftstorage.link/"
-NEXT_PUBLIC_INDEXER_GRAPHQL_URL="https://graph-test.holaplex.com/v1"
+# NEXT_PUBLIC_INDEXER_GRAPHQL_URL="https://graph-test.holaplex.com/v1"

src/common/components/elements/ProfileMenu.tsx

@@ -9,36 +9,25 @@ import { Tab } from '@headlessui/react';
 import { useProfileData } from '@/common/context/ProfileData';
 
 enum TabRoute {
-  OWNED,
+  COLLECTED,
   CREATED,
   ACTIVITY,
 }
 
 export const ProfileMenu: FC = () => {
   const { publicKey } = useProfileData();
   const router = useRouter();
-  const path = router.asPath;
-  const pathName = router.pathname;
-  const routeIndex = TabRoute.OWNED;
-  const [selectedIndex, setSelectedIndex] = useState(routeIndex);
 
-  useEffect(() => {
-    switch (pathName) {
-      case `/profiles/[publicKey]/created`:
-        setSelectedIndex(TabRoute.CREATED);
-        break;
-      case `/profiles/[publicKey]/activity`:
-        setSelectedIndex(TabRoute.ACTIVITY);
-        break;
-      default:
-        setSelectedIndex(TabRoute.OWNED);
-        break;
-    }
-  }, [pathName, path]);
+  const defaultTabIndex =
+    router.pathname === '/profiles/[publicKey]/activity'
+      ? TabRoute.ACTIVITY
+      : `/profiles/[publicKey]/created`
+      ? TabRoute.CREATED
+      : TabRoute.COLLECTED;
 
   return (
     <div className="mb-6  border-b-2  border-gray-800">
-      <Tab.Group selectedIndex={selectedIndex} onChange={setSelectedIndex}>
+      <Tab.Group defaultIndex={defaultTabIndex}>
         <Tab.List className="-mb-px flex h-14 w-full justify-between sm:w-auto sm:justify-start ">
           <Tab as={Fragment}>
             {({ selected }) => (