Scipaper/Frontend
5
0
Fork 0
Code Issues 15 Pull Requests Packages Projects Releases Wiki Activity

modified footer add router and default link

Browse Source
This commit is contained in:
Maximus 2022-08-18 11:39:50 +03:00
parent 414e7e62d8
commit f56ae41235
1 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/parts/Footer.tsx
View File

@ -1,4 +1,4 @@
import React, { useMemo, useState } from "react"; import React, { useMemo } from "react";
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* Import Components */ /* Import Components */
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
@ -12,16 +12,16 @@ import Link from "components/typography/Link";
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
const mainLinks = [ const mainLinks = [
{ label: "account settings", url: "#", enabled: true }, { label: "account settings", url: "/account/settings", enabled: true },
{ label: "about freeland", url: "/about", enabled: true }, { label: "about freeland", url: "/about", enabled: true },
{ label: "help", url: "#", enabled: true }, { label: "help", url: "/help", enabled: true },
{ label: "contact us", url: "#", enabled: true }, { label: "contact us", url: "/contact-us", enabled: true },
]; ];
const secondaryLinks = [ const secondaryLinks = [
{ index: 1, label: "Terms of Use", url: "#", enabled: true }, { index: 1, label: "Terms of Use", url: "/terms-of-use", enabled: true },
{ index: 2, label: "Privacy Policy", url: "#", enabled: true }, { index: 2, label: "Privacy Policy", url: "/privacy-policy", enabled: true },
{ index: 3, label: "Cookies Policy", url: "#", enabled: true }, { index: 3, label: "Cookies Policy", url: "/cookies-policy", enabled: true },
]; ];
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
@ -76,16 +76,23 @@ export function Footer() {
<div className="lg:px-12 px-2 sm:px-8 md:px-4 pb-2 md:pt-4 pt-2 lg:pt-5 bg-gray-200"> <div className="lg:px-12 px-2 sm:px-8 md:px-4 pb-2 md:pt-4 pt-2 lg:pt-5 bg-gray-200">
<section className="w-full grid grid-cols-2 md:grid-rows-2 sm:grid-flow-row-dense sm:grid-rows-2 justify-items-between md:justify-between mb-2 md: items-center md:flex-row md:flex"> <section className="w-full grid grid-cols-2 md:grid-rows-2 sm:grid-flow-row-dense sm:grid-rows-2 justify-items-between md:justify-between mb-2 md: items-center md:flex-row md:flex">
<div className="sm:col-span-1"> <div className="sm:col-span-1">
<RouterLink to="/">
<Typography className="text-2xl" fontWeightVariant="semibold"> <Typography className="text-2xl" fontWeightVariant="semibold">
Freeland Freeland
</Typography> </Typography>
</RouterLink>
</div> </div>
<div className="order-last md:order-none justify-center justify-items-center items-center flex flex-col col-span-4 sm:flex sm:flex-row text-sm"> <div className="order-last md:order-none justify-center justify-items-center items-center flex flex-col col-span-4 sm:flex sm:flex-row text-sm">
{mainLinksPart} {mainLinksPart}
</div> </div>
<div className="flex flex-row sm:col-span-1 justify-end"> <div className="flex flex-row sm:col-span-1 justify-end">
<Link href="https://www.facebook.com">
<SVGFacebook className="w-5 h-5 fill-gray-900 stroke-gray-900 mr-2" /> <SVGFacebook className="w-5 h-5 fill-gray-900 stroke-gray-900 mr-2" />
<SVGInstagram className="w-5 h-5 fill-gray-900 stroke-gray-900 ml-2 " />{" "} </Link>
<Link href="https://www.instagram/com">
{" "}
<SVGInstagram className="w-5 h-5 fill-gray-900 stroke-gray-900 ml-2 " />
</Link>
</div> </div>
</section> </section>
<section className="w-full flex flex-col md:flex-row text-gray-500 text-xs justify-between"> <section className="w-full flex flex-col md:flex-row text-gray-500 text-xs justify-between">