feat: dynamic member types and validation hardening for Member and Mentor

admin-wcc-app/__tests__/services/mentorshipService.test.ts

@@ -3,7 +3,7 @@ import {
   getMenteeApplications,
   getMentorshipRecommendations,
 } from '@/services/mentorshipService';
-import { apiFetch } from '@/lib/api';
+import {apiFetch} from '@/lib/api';
 
 jest.mock('../../lib/api', () => ({
   apiFetch: jest.fn(),
@@ -28,23 +28,23 @@ describe('mentorshipService', () => {
       const result = await getMentorshipRecommendations(token);
 
       expect(apiFetch).toHaveBeenCalledWith(
-        '/api/platform/v1/admin/mentorship/matches/recommendations',
-        { token }
+          '/api/platform/v1/admin/mentorship/matches/recommendations',
+          {token}
       );
       expect(result).toEqual(mockResponse);
     });
   });
 
   describe('getMenteeApplications', () => {
     it('should fetch mentee applications without mentor filter', async () => {
-      const mockApps = [{ menteeId: 1, status: 'PENDING' }];
+      const mockApps = [{menteeId: 1, status: 'PENDING'}];
       (apiFetch as jest.Mock).mockResolvedValue(mockApps);
 
       const result = await getMenteeApplications(5, ['PENDING', 'ACCEPTED'], token);
 
       expect(apiFetch).toHaveBeenCalledWith(
-        '/api/platform/v1/admin/mentorship/cycles/5/applications?status=PENDING%2CACCEPTED',
-        { token }
+          '/api/platform/v1/admin/mentorship/cycles/5/applications?status=PENDING%2CACCEPTED',
+          {token}
       );
       expect(result).toEqual(mockApps);
     });
@@ -55,8 +55,8 @@ describe('mentorshipService', () => {
       await getMenteeApplications(5, ['PENDING'], token, 10);
 
       expect(apiFetch).toHaveBeenCalledWith(
-        '/api/platform/v1/admin/mentorship/cycles/5/applications?status=PENDING&mentorId=10',
-        { token }
+          '/api/platform/v1/admin/mentorship/cycles/5/applications?status=PENDING&mentorId=10',
+          {token}
       );
     });
   });
@@ -69,7 +69,7 @@ describe('mentorshipService', () => {
 
       expect(apiFetch).toHaveBeenCalledWith('/api/platform/v1/mentees/20/cycles/5/assign-mentor', {
         method: 'POST',
-        body: { mentorId: 10, notes: undefined },
+        body: {mentorId: 10, notes: undefined},
         token,
       });
     });
@@ -81,7 +81,7 @@ describe('mentorshipService', () => {
 
       expect(apiFetch).toHaveBeenCalledWith('/api/platform/v1/mentees/20/cycles/5/assign-mentor', {
         method: 'POST',
-        body: { mentorId: 10, notes: 'Good match for React skills' },
+        body: {mentorId: 10, notes: 'Good match for React skills'},
         token,
       });
     });

admin-wcc-app/components/AdminLayout.tsx

@@ -1,64 +1,64 @@
 import React from 'react';
-import { AppBar, Button, Container, Stack, Toolbar, Typography } from '@mui/material';
+import {AppBar, Button, Container, Stack, Toolbar, Typography} from '@mui/material';
 import Link from 'next/link';
-import { useAuth } from '@/components/AuthProvider';
+import {useAuth} from '@/components/AuthProvider';
 
-export default function AdminLayout({ children }: { children: React.ReactNode }) {
-  const { logout, roles } = useAuth();
+export default function AdminLayout({children}: { children: React.ReactNode }) {
+  const {logout, roles} = useAuth();
 
   const isAdmin = roles.includes('ADMIN');
   const isMentorshipAdmin = roles.includes('MENTORSHIP_ADMIN');
   const isLeader = roles.includes('LEADER');
   const isMentor = roles.includes('MENTOR');
 
   return (
-    <>
-      <AppBar position="static" color="primary">
-        <Toolbar>
-          <Typography variant="h6" sx={{ flexGrow: 1 }}>
-            WCC Admin
-          </Typography>
-          <Stack direction="row" spacing={2}>
-            <Button component={Link} href="/admin" color="inherit">
-              Dashboard
-            </Button>
-            {(isAdmin || isMentor) && (
-              <Button component={Link} href="/admin/mentor" color="inherit">
-                Mentor Dashboard
+      <>
+        <AppBar position="static" color="primary">
+          <Toolbar>
+            <Typography variant="h6" sx={{flexGrow: 1}}>
+              WCC Admin
+            </Typography>
+            <Stack direction="row" spacing={2}>
+              <Button component={Link} href="/admin" color="inherit">
+                Dashboard
               </Button>
-            )}
-            {(isAdmin || isMentorshipAdmin || isLeader) && (
-              <Button component={Link} href="/admin/mentors" color="inherit">
-                Mentors
+              {(isAdmin || isMentor) && (
+                  <Button component={Link} href="/admin/mentor" color="inherit">
+                    Mentor Dashboard
+                  </Button>
+              )}
+              {(isAdmin || isMentorshipAdmin || isLeader) && (
+                  <Button component={Link} href="/admin/mentors" color="inherit">
+                    Mentors
+                  </Button>
+              )}
+              {(isAdmin || isMentorshipAdmin || isLeader) && (
+                  <Button component={Link} href="/admin/members" color="inherit">
+                    Members
+                  </Button>
+              )}
+              {(isAdmin || isMentorshipAdmin) && (
+                  <Button component={Link} href="/admin/mentees" color="inherit">
+                    Mentees
+                  </Button>
+              )}
+              {(isAdmin || isMentorshipAdmin) && (
+                  <Button component={Link} href="/admin/mentorship" color="inherit">
+                    Mentorship
+                  </Button>
+              )}
+              {(isAdmin || isLeader) && (
+                  <Button component={Link} href="/admin/users" color="inherit">
+                    Users
+                  </Button>
+              )}
+              <Button onClick={logout} color="inherit">
+                Logout
               </Button>
-            )}
-            {(isAdmin || isMentorshipAdmin || isLeader) && (
-              <Button component={Link} href="/admin/members" color="inherit">
-                Members
-              </Button>
-            )}
-            {(isAdmin || isMentorshipAdmin) && (
-              <Button component={Link} href="/admin/mentees" color="inherit">
-                Mentees
-              </Button>
-            )}
-            {(isAdmin || isMentorshipAdmin) && (
-              <Button component={Link} href="/admin/mentorship" color="inherit">
-                Mentorship
-              </Button>
-            )}
-            {(isAdmin || isLeader) && (
-              <Button component={Link} href="/admin/users" color="inherit">
-                Users
-              </Button>
-            )}
-            <Button onClick={logout} color="inherit">
-              Logout
-            </Button>
-          </Stack>
-        </Toolbar>
-      </AppBar>
-      <Container sx={{ my: 4 }}>{children}</Container>
-    </>
+            </Stack>
+          </Toolbar>
+        </AppBar>
+        <Container sx={{my: 4}}>{children}</Container>
+      </>
   );
 }

admin-wcc-app/components/mentors/SkillsSection.tsx

@@ -1,9 +1,9 @@
-import { Box, Chip, Typography } from '@mui/material';
-import { MentorSkills } from '@/types/mentor';
-import { TECHNICAL_AREAS } from '@/lib/technicalAreas';
-import { PROGRAMMING_LANGUAGES } from '@/lib/programmingLanguages';
-import { MENTORSHIP_FOCUS_AREAS } from '@/lib/mentorshipFocusAreas';
-import { PROFICIENCY_LEVELS } from '@/lib/proficiencyLevels';
+import {Box, Chip, Typography} from '@mui/material';
+import {MentorSkills} from '@/types/mentor';
+import {TECHNICAL_AREAS} from '@/lib/technicalAreas';
+import {PROGRAMMING_LANGUAGES} from '@/lib/programmingLanguages';
+import {MENTORSHIP_FOCUS_AREAS} from '@/lib/mentorshipFocusAreas';
+import {PROFICIENCY_LEVELS} from '@/lib/proficiencyLevels';
 
 interface SkillsSectionProps {
   skills: MentorSkills;
@@ -25,52 +25,52 @@ function focusLabel(value: string): string {
   return MENTORSHIP_FOCUS_AREAS.find((f) => f.value === value)?.label ?? value;
 }
 
-export default function SkillsSection({ skills }: SkillsSectionProps) {
+export default function SkillsSection({skills}: SkillsSectionProps) {
   return (
-    <Box sx={{ mt: 2 }}>
-      {skills.yearsExperience !== undefined && (
-        <Typography variant="body2" color="text.secondary">
-          {skills.yearsExperience} years experience
-        </Typography>
-      )}
-      {skills.languages && skills.languages.length > 0 && (
-        <Box sx={{ mt: 2, display: 'flex', flexWrap: 'wrap', gap: 1 }}>
-          {skills.languages.map((l) => (
-            <Chip
-              key={l.language}
-              label={
-                l.proficiencyLevel
-                  ? `${langLabel(l.language)} · ${profLabel(l.proficiencyLevel)}`
-                  : langLabel(l.language)
-              }
-              size="small"
-              color="secondary"
-            />
-          ))}
-        </Box>
-      )}
-      {skills.areas && skills.areas.length > 0 && (
-        <Box sx={{ mt: 2, display: 'flex', flexWrap: 'wrap', gap: 1 }}>
-          {skills.areas.map((a) => (
-            <Chip
-              key={a.technicalArea}
-              label={
-                a.proficiencyLevel
-                  ? `${areaLabel(a.technicalArea)} · ${profLabel(a.proficiencyLevel)}`
-                  : areaLabel(a.technicalArea)
-              }
-              size="small"
-            />
-          ))}
-        </Box>
-      )}
-      {skills.mentorshipFocus && skills.mentorshipFocus.length > 0 && (
-        <Box sx={{ mt: 2, display: 'flex', flexWrap: 'wrap', gap: 1 }}>
-          {skills.mentorshipFocus.map((f) => (
-            <Chip key={f} label={focusLabel(f)} size="small" color="info" />
-          ))}
-        </Box>
-      )}
-    </Box>
+      <Box sx={{mt: 2}}>
+        {skills.yearsExperience !== undefined && (
+            <Typography variant="body2" color="text.secondary">
+              {skills.yearsExperience} years experience
+            </Typography>
+        )}
+        {skills.languages && skills.languages.length > 0 && (
+            <Box sx={{mt: 2, display: 'flex', flexWrap: 'wrap', gap: 1}}>
+              {skills.languages.map((l) => (
+                  <Chip
+                      key={l.language}
+                      label={
+                        l.proficiencyLevel
+                            ? `${langLabel(l.language)} · ${profLabel(l.proficiencyLevel)}`
+                            : langLabel(l.language)
+                      }
+                      size="small"
+                      color="secondary"
+                  />
+              ))}
+            </Box>
+        )}
+        {skills.areas && skills.areas.length > 0 && (
+            <Box sx={{mt: 2, display: 'flex', flexWrap: 'wrap', gap: 1}}>
+              {skills.areas.map((a) => (
+                  <Chip
+                      key={a.technicalArea}
+                      label={
+                        a.proficiencyLevel
+                            ? `${areaLabel(a.technicalArea)} · ${profLabel(a.proficiencyLevel)}`
+                            : areaLabel(a.technicalArea)
+                      }
+                      size="small"
+                  />
+              ))}
+            </Box>
+        )}
+        {skills.mentorshipFocus && skills.mentorshipFocus.length > 0 && (
+            <Box sx={{mt: 2, display: 'flex', flexWrap: 'wrap', gap: 1}}>
+              {skills.mentorshipFocus.map((f) => (
+                  <Chip key={f} label={focusLabel(f)} size="small" color="info"/>
+              ))}
+            </Box>
+        )}
+      </Box>
   );
 }