diff --git a/src/assets/images/socials/facebook.svg b/src/assets/images/socials/facebook.svg new file mode 100644 index 0000000..0948ce9 --- /dev/null +++ b/src/assets/images/socials/facebook.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/socials/instagram.svg b/src/assets/images/socials/instagram.svg new file mode 100644 index 0000000..e9848bd --- /dev/null +++ b/src/assets/images/socials/instagram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/socials/linkedin.svg b/src/assets/images/socials/linkedin.svg new file mode 100644 index 0000000..2868dd3 --- /dev/null +++ b/src/assets/images/socials/linkedin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/socials/twitterx.svg b/src/assets/images/socials/twitterx.svg new file mode 100644 index 0000000..fe1257d --- /dev/null +++ b/src/assets/images/socials/twitterx.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/socials/whatsapp.svg b/src/assets/images/socials/whatsapp.svg new file mode 100644 index 0000000..2fac177 --- /dev/null +++ b/src/assets/images/socials/whatsapp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/socials/youtube.svg b/src/assets/images/socials/youtube.svg new file mode 100644 index 0000000..8f5e238 --- /dev/null +++ b/src/assets/images/socials/youtube.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/Footer/BottomFooterOne.tsx b/src/components/Footer/BottomFooterOne.tsx index 1398fc6..2819d90 100644 --- a/src/components/Footer/BottomFooterOne.tsx +++ b/src/components/Footer/BottomFooterOne.tsx @@ -1,10 +1,69 @@ +import { footerCustomerLinks, footerSocialLinks } from "../../utils/data"; -const BottomFooterOne = () => { - return ( - - ) +interface FooterLinksProps { + href: string; + icon?: string; + text?: string; } -export default BottomFooterOne +const BottomFooterOne = () => { + const date: number = new Date().getFullYear(); + + return ( + + ); +}; + +export default BottomFooterOne; + +const SocialIconButtons = () => { + const icons = footerSocialLinks.map( + ({ href, icon }: FooterLinksProps, idx: number) => ( +
  • + + {icon && icon} + +
    • + ) + ); + + return ; +}; + +const CustomerLinks = () => { + const links = footerCustomerLinks.map( + ({ href, text }: FooterLinksProps, idx: number) => ( +
  • + + {text} + +
    • + ) + ); + return ( +
    + {links} +
    + ); +}; diff --git a/src/components/Footer/MidFooter.tsx b/src/components/Footer/MidFooter.tsx index e46e123..bab6a84 100644 --- a/src/components/Footer/MidFooter.tsx +++ b/src/components/Footer/MidFooter.tsx @@ -5,7 +5,7 @@ const MidFooter = () => {
    -

    My Bank and I

    +

    my bank and I

    diff --git a/src/components/Footer/TopFooterOneMenu.tsx b/src/components/Footer/TopFooterOneMenu.tsx index 36a4923..7323a4c 100644 --- a/src/components/Footer/TopFooterOneMenu.tsx +++ b/src/components/Footer/TopFooterOneMenu.tsx @@ -16,7 +16,7 @@ const TopFooterOneMenu: React.FC = ({ {subItems.map(({ href = "#", text }) => (
  • {href ? {text} : {text}}
    • diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx index 8bdfed9..2d488be 100644 --- a/src/components/Footer/index.tsx +++ b/src/components/Footer/index.tsx @@ -1,5 +1,6 @@ import Footer from "./Footer"; import TopFooterOne from "./TopFooterOne"; import MidFooter from "./MidFooter"; +import BottomFooterOne from "./BottomFooterOne"; -export { Footer, TopFooterOne, MidFooter }; +export { Footer, TopFooterOne, MidFooter, BottomFooterOne }; diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx index 1c95973..21cad3b 100644 --- a/src/components/Header/Header.tsx +++ b/src/components/Header/Header.tsx @@ -1,13 +1,15 @@ import React, { useState, ChangeEvent } from "react"; import Logo from "../../assets/icons/logo.svg"; import Button from "../shared/Button"; -import { lowerMenuItems } from "../../utils/data"; +import { _lowerMenuItems } from "../../utils/data"; import Sidebar from "./Sidebar"; import { Link } from "react-router-dom"; +import HeaderMenuItem from "./HeaderMenuItem"; -type LowerMenuItem = { - id: string | number; +export type LowerMenuItem = { name: string; + linkPath: string; + subItems?: LowerMenuItem[]; }; type HiddenMenuItems = { @@ -88,14 +90,9 @@ const Header: React.FC = ({ /> -