diff --git a/frontend/src/components/HomeComponents/FAQ/FAQ.tsx b/frontend/src/components/HomeComponents/FAQ/FAQ.tsx
index 28e90b06..aa253486 100644
--- a/frontend/src/components/HomeComponents/FAQ/FAQ.tsx
+++ b/frontend/src/components/HomeComponents/FAQ/FAQ.tsx
@@ -3,6 +3,7 @@ import { FAQItem } from './FAQItem';
import { FAQList } from './faq-utils';
import { BlueHeading } from '@/lib/utils';
import { HighlightLink } from '@/components/ui/link-highlight';
+import { url } from '@/components/utils/URLs';
export const FAQ = () => {
return (
@@ -25,7 +26,7 @@ export const FAQ = () => {
Still have questions?{' '}
-
+
Contact us
diff --git a/frontend/src/components/HomeComponents/FAQ/__tests__/FAQ.test.tsx b/frontend/src/components/HomeComponents/FAQ/__tests__/FAQ.test.tsx
index 5cee5916..8690ea7a 100644
--- a/frontend/src/components/HomeComponents/FAQ/__tests__/FAQ.test.tsx
+++ b/frontend/src/components/HomeComponents/FAQ/__tests__/FAQ.test.tsx
@@ -2,6 +2,7 @@ import React from 'react';
import { render, screen } from '@testing-library/react';
import { FAQ } from '../FAQ';
import { FAQList } from '../faq-utils';
+import { url } from '@/components/utils/URLs';
jest.mock('../faq-utils', () => ({
FAQList: [
@@ -57,7 +58,7 @@ describe('FAQ component', () => {
render();
const contactLink = screen.getByText(/Contact us/i);
expect(contactLink).toBeInTheDocument();
- expect(contactLink).toHaveAttribute('href', '#contact');
+ expect(contactLink).toHaveAttribute('href', url.zulipURL);
});
});
diff --git a/frontend/src/components/HomeComponents/FAQ/__tests__/__snapshots__/FAQ.test.tsx.snap b/frontend/src/components/HomeComponents/FAQ/__tests__/__snapshots__/FAQ.test.tsx.snap
index 679b5800..0cc8d442 100644
--- a/frontend/src/components/HomeComponents/FAQ/__tests__/__snapshots__/FAQ.test.tsx.snap
+++ b/frontend/src/components/HomeComponents/FAQ/__tests__/__snapshots__/FAQ.test.tsx.snap
@@ -40,7 +40,7 @@ exports[`FAQ component using snapshot renders correctly 1`] = `
Still have questions?
Contact us