From 6cf43eea6888b3684087947f80a0538793136175 Mon Sep 17 00:00:00 2001
From: Vojtech Mares <iam@vojtechmares.com>
Date: Thu, 12 Jan 2023 16:36:13 +0100
Subject: [PATCH] feat(TrainingLayout.tsx): if logo is svg, add `invert` class

- all svg tech icons are by default black, using css invert to make them visible on black background
---
 components/trainingpage/TrainingLayout.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/trainingpage/TrainingLayout.tsx b/components/trainingpage/TrainingLayout.tsx
index 376a416..ad09bdb 100644
--- a/components/trainingpage/TrainingLayout.tsx
+++ b/components/trainingpage/TrainingLayout.tsx
@@ -1,5 +1,6 @@
 import Head from "next/head";
 import Image from "next/image";
+import clsx from "clsx";
 
 import { Header } from "@/components/layout/Header";
 import { Footer } from "@/components/layout/Footer";
@@ -38,11 +39,14 @@ export default function TrainingLayout({ content, meta }: Props) {
             <Container className="flex justify-around">
               <Image
                 src={meta.logo}
-                className="h-32 w-32 rounded-full"
                 width="1500"
                 height="1500"
                 alt=""
                 priority
+                className={clsx(
+                  "h-32 w-32 rounded-full",
+                  meta.logo.src.endsWith(".svg") ? "invert" : ""
+                )}
               />
               <h2 className="ml-4 text-center font-display self-center text-4xl tracking-tight text-white sm:text-6xl">
                 Školení {meta.name}