From fddc8e7ff889bd1d4091889be87ad732e863e75e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A1muel=20Fekete?= <feketesamu@gmail.com>
Date: Sat, 17 Feb 2024 18:53:54 +0100
Subject: [PATCH] added british flag to english presentations

---
 public/img/uk.svg                            | 16 ++++++++++++++++
 src/components/presentation/Presentation.tsx |  9 +++++++++
 2 files changed, 25 insertions(+)
 create mode 100644 public/img/uk.svg

diff --git a/public/img/uk.svg b/public/img/uk.svg
new file mode 100644
index 0000000..9131483
--- /dev/null
+++ b/public/img/uk.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="1200" height="600">
+<clipPath id="s">
+	<path d="M0,0 v30 h60 v-30 z"/>
+</clipPath>
+<clipPath id="t">
+	<path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/>
+</clipPath>
+<g clip-path="url(#s)">
+	<path d="M0,0 v30 h60 v-30 z" fill="#012169"/>
+	<path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/>
+	<path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#C8102E" stroke-width="4"/>
+	<path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/>
+	<path d="M30,0 v30 M0,15 h60" stroke="#C8102E" stroke-width="6"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/components/presentation/Presentation.tsx b/src/components/presentation/Presentation.tsx
index 545dd78..9b53cab 100644
--- a/src/components/presentation/Presentation.tsx
+++ b/src/components/presentation/Presentation.tsx
@@ -1,10 +1,13 @@
 import clsx from 'clsx';
+import Image from 'next/image';
 import Link from 'next/link';
 import { FaArrowLeft } from 'react-icons/fa';
 
 import { Presentation } from '@/models/models';
 import slugify from '@/utils/slugify';
 
+import uk from '../../../public/img/uk.svg';
+
 type PresentationProps = {
   presentation: Presentation;
   isFrontPage?: boolean | undefined;
@@ -71,6 +74,12 @@ export default async function Presentation({ presentation, isFrontPage }: Presen
                 />
               </div>
             )}
+            {presentation.language === 'en' && (
+              <div className='flex mt-2 gap-2'>
+                <Image src={uk} alt='Egyesült Királyság zászlója' width={50} height={25} className='rounded-xl' />
+                <p className='text-lg'>Az előadás angol nyelvű.</p>
+              </div>
+            )}
           </div>
         </div>
       </div>