From ee1fa04d3b40616878a7681b43b8a453f2a88944 Mon Sep 17 00:00:00 2001 From: Alihaghighattalab Date: Tue, 6 Aug 2024 14:46:40 +0330 Subject: [PATCH] complete footer --- public/svgs/social/facebook.svg | 3 +++ public/svgs/social/instagram.svg | 5 +++++ public/svgs/social/linkedin.svg | 3 +++ public/svgs/social/telegram.svg | 3 +++ public/svgs/social/whatsapp.svg | 3 +++ src/components/ui/auth/layout.tsx | 7 ++++++- src/components/ui/dashboard/footer.tsx | 10 ++++++++++ src/components/ui/dashboard/header.tsx | 4 ++-- src/components/ui/dashboard/layout.tsx | 24 ++++++++++++++++++++++++ src/types/index.ts | 5 +++++ src/utility/socials.tsx | 24 ++++++++++++++++++++++++ 11 files changed, 88 insertions(+), 3 deletions(-) create mode 100644 public/svgs/social/facebook.svg create mode 100644 public/svgs/social/instagram.svg create mode 100644 public/svgs/social/linkedin.svg create mode 100644 public/svgs/social/telegram.svg create mode 100644 public/svgs/social/whatsapp.svg create mode 100644 src/components/ui/dashboard/footer.tsx create mode 100644 src/components/ui/dashboard/layout.tsx create mode 100644 src/utility/socials.tsx diff --git a/public/svgs/social/facebook.svg b/public/svgs/social/facebook.svg new file mode 100644 index 0000000..b23a9f7 --- /dev/null +++ b/public/svgs/social/facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/svgs/social/instagram.svg b/public/svgs/social/instagram.svg new file mode 100644 index 0000000..d01e962 --- /dev/null +++ b/public/svgs/social/instagram.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/svgs/social/linkedin.svg b/public/svgs/social/linkedin.svg new file mode 100644 index 0000000..eb1475d --- /dev/null +++ b/public/svgs/social/linkedin.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/svgs/social/telegram.svg b/public/svgs/social/telegram.svg new file mode 100644 index 0000000..11da590 --- /dev/null +++ b/public/svgs/social/telegram.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/svgs/social/whatsapp.svg b/public/svgs/social/whatsapp.svg new file mode 100644 index 0000000..0ded1d7 --- /dev/null +++ b/public/svgs/social/whatsapp.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/ui/auth/layout.tsx b/src/components/ui/auth/layout.tsx index 4481923..de4bc37 100644 --- a/src/components/ui/auth/layout.tsx +++ b/src/components/ui/auth/layout.tsx @@ -1,10 +1,15 @@ import { Outlet } from "react-router-dom" +import { socialsList } from "../../../utility/socials" +import { SocialsInterface } from "../../../types" export const AuthLayout = () => { return (
+ className="flex flex-row min-h-screen p-5 justify-center items-center xl:justify-stretch xl:items-stretch max-h-[750px] overflow-y-hidden relative"> +
+ {socialsList?.map((item: SocialsInterface) => {item?.name})} +
) } \ No newline at end of file diff --git a/src/components/ui/dashboard/footer.tsx b/src/components/ui/dashboard/footer.tsx new file mode 100644 index 0000000..5ab629b --- /dev/null +++ b/src/components/ui/dashboard/footer.tsx @@ -0,0 +1,10 @@ +import { SocialsInterface } from "../../../types" +import { socialsList } from "../../../utility/socials" + +export const Footer = () => { + return ( + + ) +} \ No newline at end of file diff --git a/src/components/ui/dashboard/header.tsx b/src/components/ui/dashboard/header.tsx index 089b0f8..8527080 100644 --- a/src/components/ui/dashboard/header.tsx +++ b/src/components/ui/dashboard/header.tsx @@ -7,7 +7,7 @@ type Props = { export const Header: FC = ({ setShow }) => { return ( -
+
burger menu person @@ -17,6 +17,6 @@ export const Header: FC = ({ setShow }) => {

45597000-021

-
+ ) } \ No newline at end of file diff --git a/src/components/ui/dashboard/layout.tsx b/src/components/ui/dashboard/layout.tsx new file mode 100644 index 0000000..d205f27 --- /dev/null +++ b/src/components/ui/dashboard/layout.tsx @@ -0,0 +1,24 @@ +import { Outlet } from "react-router-dom" +import { Sidebar } from "./sidebar" +import { Header } from "./header" +import { useState } from "react" +import { SidebarMobile } from "./sidebar-mobile" +import { Footer } from "./footer" + +export const DashboardLayout = () => { + const [show, setShow] = useState(false) + const handleSidebar = () => setShow(prev => !prev) + return ( +
+ + +
+
+
+ +
+
+
+ ) +} \ No newline at end of file diff --git a/src/types/index.ts b/src/types/index.ts index 47a4828..9319a18 100644 --- a/src/types/index.ts +++ b/src/types/index.ts @@ -43,3 +43,8 @@ export interface SidebarInterface { icon: React.ReactNode, activeIcon: React.ReactNode } + +export interface SocialsInterface { + name: string, + path: string +} diff --git a/src/utility/socials.tsx b/src/utility/socials.tsx new file mode 100644 index 0000000..dbf1235 --- /dev/null +++ b/src/utility/socials.tsx @@ -0,0 +1,24 @@ +import { SocialsInterface } from "../types"; + +export const socialsList: SocialsInterface[] | [] = [ + { + name: "whatsapp", + path: "/svgs/social/whatsapp.svg" + }, + { + name: "telegram", + path: "/svgs/social/telegram.svg" + }, + { + name: "instagram", + path: "/svgs/social/instagram.svg" + }, + { + name: "linkedin", + path: "/svgs/social/linkedin.svg" + }, + { + name: "facebook", + path: "/svgs/social/facebook.svg" + }, +] \ No newline at end of file