From f6a342757abcac77f92b4ea50bd0a27c6f730008 Mon Sep 17 00:00:00 2001
From: Ivan Harasta <ivan@harasta.dev>
Date: Thu, 11 Jul 2024 10:33:58 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20more=20links=20to=20photogall?=
 =?UTF-8?q?ery?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/containers/Home.tsx                       |  8 ++---
 .../components/Photogallery/Photogallery.tsx  | 34 +++++++++++++++++++
 .../ui/components/Photogallery/index.ts       |  1 +
 src/modules/ui/components/index.ts            |  1 +
 4 files changed, 39 insertions(+), 5 deletions(-)
 create mode 100644 src/modules/ui/components/Photogallery/Photogallery.tsx
 create mode 100644 src/modules/ui/components/Photogallery/index.ts

diff --git a/src/containers/Home.tsx b/src/containers/Home.tsx
index c3af2dd..541e162 100644
--- a/src/containers/Home.tsx
+++ b/src/containers/Home.tsx
@@ -4,7 +4,7 @@ import { Container, Button, Row, Col } from 'reactstrap'
 
 import Sponsors from 'components/Sponsors'
 import { APP_TITLE, SIGNUP_DISABLED } from 'config/constants'
-import { Footer } from 'modules/ui'
+import { Footer, Photogallery } from 'modules/ui'
 
 import News from './News'
 
@@ -24,10 +24,8 @@ const Home = () => {
                         {t('homepage.subheader.2')}.
                     </h2>
                     <div className="button-container">
-                        <Button outline color="secondary" size="lg" tag={'a'} href="https://lipty.rajce.idnes.cz">
-                            {t('homepage.photos')}
-                        </Button>{' '}
-                        <Button color="primary" size="lg" tag={NavLink} to="/igc">
+                        <Photogallery />
+                        <Button color="secondary" size="lg" tag={NavLink} to="/igc">
                             {t('homepage.sendIgc')}
                         </Button>
                     </div>
diff --git a/src/modules/ui/components/Photogallery/Photogallery.tsx b/src/modules/ui/components/Photogallery/Photogallery.tsx
new file mode 100644
index 0000000..e3e1a6d
--- /dev/null
+++ b/src/modules/ui/components/Photogallery/Photogallery.tsx
@@ -0,0 +1,34 @@
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Dropdown, DropdownItem, DropdownMenu, DropdownToggle } from 'reactstrap'
+
+export const Photogallery = () => {
+    const { t } = useTranslation()
+    const [dropdownOpen, setDropdownOpen] = useState(false)
+
+    const toggle = () => setDropdownOpen((prevState) => !prevState)
+    return (
+        <Dropdown
+            isOpen={dropdownOpen}
+            toggle={toggle}
+            direction="down"
+            style={{ display: 'inline-block', margin: '0.5rem' }}>
+            <DropdownToggle caret size="lg" color="primary">
+                {t('homepage.photos')}
+            </DropdownToggle>
+            <DropdownMenu>
+                <DropdownItem header>tcup 2024</DropdownItem>
+                <DropdownItem href="https://eu.zonerama.com/eraa/Album/11735429" target="_blank">
+                    Grid
+                </DropdownItem>
+                <DropdownItem href="https://eu.zonerama.com/eraa/Album/11720304" target="_blank">
+                    6. - 8. 7. 2024
+                </DropdownItem>
+                <DropdownItem divider />
+                <DropdownItem href="https://lipty.rajce.idnes.cz" target="_blank">
+                    tcup 2022-2018
+                </DropdownItem>
+            </DropdownMenu>
+        </Dropdown>
+    )
+}
diff --git a/src/modules/ui/components/Photogallery/index.ts b/src/modules/ui/components/Photogallery/index.ts
new file mode 100644
index 0000000..42c2e88
--- /dev/null
+++ b/src/modules/ui/components/Photogallery/index.ts
@@ -0,0 +1 @@
+export * from './Photogallery';
diff --git a/src/modules/ui/components/index.ts b/src/modules/ui/components/index.ts
index de6ea89..027f58c 100644
--- a/src/modules/ui/components/index.ts
+++ b/src/modules/ui/components/index.ts
@@ -1,3 +1,4 @@
 export * from './Footer'
 export * from './Spinner'
 export * from './SpinnerFullPage'
+export * from './Photogallery'