wip

apps/website/components/profile/ProfileTabs.tsx

@@ -1,13 +1,13 @@
 'use client';
 
 import React from 'react';
-import { User, BarChart3 } from 'lucide-react';
+import { User, BarChart3, TrendingUp } from 'lucide-react';
 import { Box } from '@/ui/Box';
 import { Button } from '@/ui/Button';
 import { Icon } from '@/ui/Icon';
 import { Surface } from '@/ui/Surface';
 
-type ProfileTab = 'overview' | 'stats';
+export type ProfileTab = 'overview' | 'stats' | 'ratings';
 
 interface ProfileTabsProps {
   activeTab: ProfileTab;
@@ -34,6 +34,14 @@ export function ProfileTabs({ activeTab, onTabChange }: ProfileTabsProps) {
         >
           Detailed Stats
         </Button>
+        <Button
+          variant={activeTab === 'ratings' ? 'primary' : 'ghost'}
+          onClick={() => onTabChange('ratings')}
+          size="sm"
+          icon={<Icon icon={TrendingUp} size={4} />}
+        >
+          Ratings
+        </Button>
       </Box>
     </Surface>
   );