diff --git a/next.config.mjs b/next.config.mjs index 8327cff6..c8ad35aa 100644 --- a/next.config.mjs +++ b/next.config.mjs @@ -29,6 +29,13 @@ const config = withPlugins( }, ], }, + webpack: (config) => { + config.module.rules.push({ + test: /\.svg$/i, + use: ["@svgr/webpack"], + }) + return config + }, }) ) diff --git a/package.json b/package.json index 0ffd665f..5d68e992 100644 --- a/package.json +++ b/package.json @@ -96,6 +96,7 @@ "@storybook/react": "^7.4.6", "@storybook/test-runner": "^0.13.0", "@storybook/testing-library": "^0.1.0", + "@svgr/webpack": "^8.1.0", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^14.0.0", "@total-typescript/ts-reset": "^0.5.0", 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/app/[lang]/article/[slug]/page.tsx b/src/app/[lang]/article/[slug]/page.tsx index a79deb84..5f74f11d 100644 --- a/src/app/[lang]/article/[slug]/page.tsx +++ b/src/app/[lang]/article/[slug]/page.tsx @@ -53,6 +53,9 @@ export default async function Web({ params: { slug, lang } }: ArticlePageProps) )} +
+ +
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx index ddab1d6d..26fc977f 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" @@ -33,19 +36,19 @@ export async function Footer({ footer, logoUrl }: FooterProps) {

{country}

-