diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index d67ade37..491d4815 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -9,6 +9,7 @@ import { UpOutlined, } from "@ant-design/icons"; import FOOTER_SECTION from "../constants/content/footer.json"; +import { FooterSection, FooterLink } from "../types/components/Footer.types"; const { Footer } = Layout; const { Text, Link } = Typography; @@ -78,7 +79,7 @@ const CustomFooter: React.FC = () => { {(screens.md || expanded) && ( - {FOOTER_SECTION.sections.map((section) => ( + {FOOTER_SECTION.sections?.map((section: FooterSection) => ( { > {section.title} - {section.links.map((link) => ( + {section.links.map((link: FooterLink) => ( { ))} - ))} + )) || ( + No links available. + )} )} @@ -153,4 +156,4 @@ const CustomFooter: React.FC = () => { ); }; -export default CustomFooter; +export default CustomFooter; \ No newline at end of file diff --git a/src/tests/components/Footer.test.tsx b/src/tests/components/Footer.test.tsx index 88a4266e..40c4d78f 100644 --- a/src/tests/components/Footer.test.tsx +++ b/src/tests/components/Footer.test.tsx @@ -89,4 +89,4 @@ describe("Footer", () => { const { asFragment } = render(