Fix apply button

playwright-tests/tests/becomeAMentee.page.spec.ts

@@ -4,7 +4,9 @@ import { HomePage } from '@pages/home.page';
 import { MentorshipPage } from '@pages/mentorship.page';
 
 test('Validate "Become a Mentee" section and Find a Mentor button', async ({
-  page, mentorshipPage, homePage
+  page,
+  mentorshipPage,
+  homePage,
 }) => {
   // Navigate to Mentorship page
   await page.goto('/mentorship');
@@ -22,7 +24,7 @@ test('Validate "Become a Mentee" section and Find a Mentor button', async ({
   ];
 
   await expect(mentorshipPage.menteeListItems).toHaveText(items);
-  
+
   await homePage.findMentorButton.click();
   await expect(page).toHaveURL(/\/mentorship\/mentors/);
 });

src/components/LinkButton.tsx

@@ -8,6 +8,7 @@ type LinkButtonProps = {
   small?: boolean;
   children: React.ReactNode;
   'data-testid'?: string;
+  disabled?: boolean;
 };
 
 export const LinkButton = ({
@@ -16,6 +17,7 @@ export const LinkButton = ({
   small,
   children,
   'data-testid': dataTestId,
+  disabled = false,
 }: LinkButtonProps) => {
   const isExternal = href.startsWith('https');
 
@@ -59,6 +61,7 @@ export const LinkButton = ({
           fontSize: small ? '0.8rem' : '1rem',
           padding: small ? '7px 16px' : '10px 32px',
         }}
+        disabled={disabled}
       >
         {children}
       </Button>

src/components/MentorProfileCard.tsx

@@ -10,6 +10,7 @@ import React, { useState } from 'react';
 import { LinkButton } from '@components';
 import { useIsMobile } from '@utils/theme-utils';
 import { Mentor, Network } from '@utils/types';
+import { IS_REGISTRATION_OPEN } from 'utils/mentorshipConstants';
 
 type MentorProfileCardProps = {
   mentor: Mentor;
@@ -130,6 +131,7 @@ export const MentorProfileCard: React.FC<MentorProfileCardProps> = ({
           href={`/mentorship/mentee-registration?id=${mentor.id}`}
           reversed
           small
+          disabled={!IS_REGISTRATION_OPEN}
         >
           Apply for this mentor{' '}
         </LinkButton>

src/components/__tests__/MentorsProfileCard.tsx → src/components/__tests__/MentorsProfileCard.test.tsx

@@ -70,6 +70,16 @@
   },
 };
 
+// Mutable flag so individual tests can override the registration state
+let mockIsRegistrationOpen = false;
+
+jest.mock('../../utils/mentorshipConstants', () => ({
+  ...jest.requireActual('../../utils/mentorshipConstants'),
+  get IS_REGISTRATION_OPEN() {
+    return mockIsRegistrationOpen;
+  },
+}));
+
 describe('MentorProfileCard', () => {
   it('renders mentor basic info', () => {
     render(<MentorProfileCard mentor={mockMentor} />);
@@ -112,7 +122,7 @@
     fireEvent.click(screen.getByText('Reviews'));
     expect(screen.getByText('Great mentor!')).toBeInTheDocument();
     // Check for star icons (5 stars)
     expect(screen.getAllByTestId('StarIcon').length).toBe(5);
   });
 
   it('renders the Apply for this mentor button', () => {
@@ -121,4 +131,10 @@
       screen.getByRole('link', { name: /Apply for this mentor/i }),
     ).toBeInTheDocument();
   });
+
+  it('disables the Apply for this mentor button when registration is closed', () => {
+    render(<MentorProfileCard mentor={mockMentor} />);
+    expect(screen.getByRole('link', { name: /Apply for this mentor/i }))
+      .toBeDisabled;
+  });
 });