✨ Add more links to photogallery

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>

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>
+    )
+}

src/modules/ui/components/Photogallery/index.ts

@@ -0,0 +1 @@
+export * from './Photogallery';

src/modules/ui/components/index.ts

@@ -1,3 +1,4 @@
 export * from './Footer'
 export * from './Spinner'
 export * from './SpinnerFullPage'
+export * from './Photogallery'