From 7b1f5c85ac7fac7bf2a623cb901c8a79a33f2b46 Mon Sep 17 00:00:00 2001 From: victorAnumudu Date: Sat, 4 Jan 2025 15:55:00 +0100 Subject: [PATCH] env links added --- .env | 12 ++- components/layout/Menu.js | 82 ++++++++++------ components/layout/MobileMenu.js | 123 +++++++++++++++--------- components/layout/footer/Footer3.js | 8 +- components/layout/header/HeaderMerms.js | 2 +- public/css/menu.css | 7 ++ public/css/responsive.css | 3 +- 7 files changed, 155 insertions(+), 82 deletions(-) diff --git a/.env b/.env index 5cacc1e..d6d8fbd 100644 --- a/.env +++ b/.env @@ -1,3 +1,13 @@ APP_PORT=8091 ESLINT_NO_DEV_ERRORS=true -PANEL_URL=https://dev-panel.mermsemr.com \ No newline at end of file +PANEL_URL=https://dev-panel.mermsemr.com + +# auth routes +NEXT_PUBLIC_LOGIN_URL=https://dev-panel.mermsemr.com +NEXT_PUBLIC_SIGNUP_URL=https://dev-panel.mermsemr.com/auth/signup + +# social links +NEXT_PUBLIC_FACEBOOK_URL=# +NEXT_PUBLIC_TWITTER_URL=# +NEXT_PUBLIC_INSTAGRAM_URL=# +NEXT_PUBLIC_YOUTUBE_URL=# \ No newline at end of file diff --git a/components/layout/Menu.js b/components/layout/Menu.js index 4e95c98..6c8cd60 100644 --- a/components/layout/Menu.js +++ b/components/layout/Menu.js @@ -1,34 +1,56 @@ -import Link from "next/link" -import { useRouter } from "next/router" +import Link from "next/link"; +import { useRouter } from "next/router"; export default function Menu() { - const router = useRouter() + const router = useRouter(); - return ( - <> - - - - ) + return ( + <> + + + ); } diff --git a/components/layout/MobileMenu.js b/components/layout/MobileMenu.js index 99f0d8c..33970c3 100644 --- a/components/layout/MobileMenu.js +++ b/components/layout/MobileMenu.js @@ -1,50 +1,83 @@ -import Link from 'next/link' -import { useState } from 'react' +import Link from "next/link"; +import { useState } from "react"; export default function MobileMenu() { - const [isActive, setIsActive] = useState({ + const [isActive, setIsActive] = useState({ + status: false, + key: "", + }); + + const handleToggle = (key) => { + if (isActive.key === key) { + setIsActive({ status: false, - key: "", - }) - - const handleToggle = (key) => { - if (isActive.key === key) { - setIsActive({ - status: false, - }) - } else { - setIsActive({ - status: true, - key, - }) - } + }); + } else { + setIsActive({ + status: true, + key, + }); } - return ( - <> - + + ); } diff --git a/components/layout/footer/Footer3.js b/components/layout/footer/Footer3.js index eee4e67..8b822f0 100644 --- a/components/layout/footer/Footer3.js +++ b/components/layout/footer/Footer3.js @@ -120,10 +120,10 @@ export default function Footer3() { {/* FOOTER SOCIALS */}
    -
    • -
    • -
    • -
    • +
    • +
    • +
    • +
{/* End row */} diff --git a/components/layout/header/HeaderMerms.js b/components/layout/header/HeaderMerms.js index 483a5b1..1ff0b05 100644 --- a/components/layout/header/HeaderMerms.js +++ b/components/layout/header/HeaderMerms.js @@ -28,7 +28,7 @@ export default function HeaderMerms({ scroll, isMobileMenu, handleMobileMenu, he {/* logo*/} {/**/} {/* MAIN MENU */} -