From f56ae412357ae6b80923b5594f9173ab51c00c63 Mon Sep 17 00:00:00 2001
From: Maximus <ten.maksim97@gmail.com>
Date: Thu, 18 Aug 2022 11:39:50 +0300
Subject: [PATCH] modified footer add router and default link
---
src/components/parts/Footer.tsx | 31 +++++++++++++++++++------------
1 file changed, 19 insertions(+), 12 deletions(-)
diff --git a/src/components/parts/Footer.tsx b/src/components/parts/Footer.tsx
index be26882..dcc3331 100644
--- a/src/components/parts/Footer.tsx
+++ b/src/components/parts/Footer.tsx
@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from "react";
+import React, { useMemo } from "react";
/* -------------------------------------------------------------------------- */
/* Import Components */
/* -------------------------------------------------------------------------- */
@@ -12,16 +12,16 @@ import Link from "components/typography/Link";
/* -------------------------------------------------------------------------- */
const mainLinks = [
- { label: "account settings", url: "#", enabled: true },
+ { label: "account settings", url: "/account/settings", enabled: true },
{ label: "about freeland", url: "/about", enabled: true },
- { label: "help", url: "#", enabled: true },
- { label: "contact us", url: "#", enabled: true },
+ { label: "help", url: "/help", enabled: true },
+ { label: "contact us", url: "/contact-us", enabled: true },
];
const secondaryLinks = [
- { index: 1, label: "Terms of Use", url: "#", enabled: true },
- { index: 2, label: "Privacy Policy", url: "#", enabled: true },
- { index: 3, label: "Cookies Policy", url: "#", enabled: true },
+ { index: 1, label: "Terms of Use", url: "/terms-of-use", enabled: true },
+ { index: 2, label: "Privacy Policy", url: "/privacy-policy", 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">
<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">
- <Typography className="text-2xl" fontWeightVariant="semibold">
- Freeland
- </Typography>
+ <RouterLink to="/">
+ <Typography className="text-2xl" fontWeightVariant="semibold">
+ Freeland
+ </Typography>
+ </RouterLink>
</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">
{mainLinksPart}
</div>
<div className="flex flex-row sm:col-span-1 justify-end">
- <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 href="https://www.facebook.com">
+ <SVGFacebook className="w-5 h-5 fill-gray-900 stroke-gray-900 mr-2" />
+ </Link>
+ <Link href="https://www.instagram/com">
+ {" "}
+ <SVGInstagram className="w-5 h-5 fill-gray-900 stroke-gray-900 ml-2 " />
+ </Link>
</div>
</section>
<section className="w-full flex flex-col md:flex-row text-gray-500 text-xs justify-between">