From 6237215956362db56b5aa71d57171e40968805e1 Mon Sep 17 00:00:00 2001 From: Max Mogilski Date: Fri, 10 Nov 2023 11:52:43 +0100 Subject: [PATCH 1/2] fix: icon style --- public/icons/X.svg | 11 +++++++++++ public/icons/facebook.svg | 3 +++ public/icons/instagram.svg | 12 ++++++++++++ public/icons/youtube.svg | 3 +++ src/components/Footer/Footer.tsx | 15 +++++++++------ 5 files changed, 38 insertions(+), 6 deletions(-) create mode 100644 public/icons/X.svg create mode 100644 public/icons/facebook.svg create mode 100644 public/icons/instagram.svg create mode 100644 public/icons/youtube.svg diff --git a/public/icons/X.svg b/public/icons/X.svg new file mode 100644 index 00000000..f38626a4 --- /dev/null +++ b/public/icons/X.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/icons/facebook.svg b/public/icons/facebook.svg new file mode 100644 index 00000000..055da414 --- /dev/null +++ b/public/icons/facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/icons/instagram.svg b/public/icons/instagram.svg new file mode 100644 index 00000000..af1269fd --- /dev/null +++ b/public/icons/instagram.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/icons/youtube.svg b/public/icons/youtube.svg new file mode 100644 index 00000000..1b6ba35f --- /dev/null +++ b/public/icons/youtube.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx index ddab1d6d..cc4d7f7e 100644 --- a/src/components/Footer/Footer.tsx +++ b/src/components/Footer/Footer.tsx @@ -1,8 +1,11 @@ -import { Facebook, Instagram, Twitter, Youtube } from "lucide-react" import Image from "next/image" import Link from "next/link" import { NextIntlClientProvider } from "next-intl" import { useLocale } from "@/i18n/i18n" +import FacebookIcon from "../../../public/icons/facebook.svg" +import InstagramIcon from "../../../public/icons/instagram.svg" +import XIcon from "../../../public/icons/X.svg" +import YoutubeIcon from "../../../public/icons/youtube.svg" import { DynamicLangSelect } from "../LangSelect/DynamicLangSelect" import { GetNavigationReturn } from "../Navigation/Navigation" @@ -34,18 +37,18 @@ export async function Footer({ footer, logoUrl }: FooterProps) {