Refactor PortfolioPageView component to add tabs for Overview, Wallet…

…, Rebalance Activity, and Rewards
OasisDEX · Oct 25, 2024 · 10f4912 · 10f4912
1 parent 1978fc2
commit 10f4912
Showing 1 changed file with 16 additions and 3 deletions.
diff --git a/apps/earn-protocol/components/layout/PortfolioPageView/PortfolioPageView.tsx b/apps/earn-protocol/components/layout/PortfolioPageView/PortfolioPageView.tsx
@@ -26,13 +26,26 @@ export const PortfolioPageView: FC<PortfolioPageViewProps> = ({
   strategiesList,
 }) => {
   const tabs = [
-    { label: 'Overview', content: <PortfolioOverview strategiesList={strategiesList} /> },
     {
+      id: 'overview',
+      label: 'Overview',
+      content: <PortfolioOverview strategiesList={strategiesList} />,
+    },
+    {
+      id: 'wallet',
       label: 'Wallet',
       content: <PortfolioWallet walletData={walletData} strategiesList={strategiesList} />,
     },
-    { label: 'Rebalance Activity', content: <PortfolioRebalanceActivity /> },
-    { label: 'Rewards', content: <PortfolioRewards rewardsData={rewardsData} /> },
+    {
+      id: 'rebalance-activity',
+      label: 'Rebalance Activity',
+      content: <PortfolioRebalanceActivity />,
+    },
+    {
+      id: 'rewards',
+      label: 'Rewards',
+      content: <PortfolioRewards rewardsData={rewardsData} />,
+    },
   ]
 
   return (