{title}

import React, { FC, useCallback, useMemo } from 'react'; import Head from 'next/head'; import GlobalHeader, { COMMUNITY_TITLE, COMMUNITY_URL } from '@jetbrains/kotlin-web-site-ui/out/components/header'; import GlobalFooter from '@jetbrains/kotlin-web-site-ui/out/components/footer'; import TopMenu from '@jetbrains/kotlin-web-site-ui/out/components/top-menu'; import { CtaBlock } from '@jetbrains/kotlin-web-site-ui/out/components/cta-block-v2'; import Button from '@rescui/button'; import { ThemeProvider } from '@rescui/ui-contexts'; import { useRouter } from 'next/router'; import { StickyHeader } from '../../../components/sticky-header/sticky-header'; import styles from './community-layout.module.css'; import releasesDataRaw from '../../../data/releases.yml'; import searchConfig from '../../../search-config.json'; import { CommunityAddEvent } from '../event-list/event-list'; const releasesData: ReleasesData = releasesDataRaw as ReleasesData; const TOP_MENU_ITEMS = [ { url: '/community/', title: 'Overview' }, { url: '/community/user-groups/', title: 'Kotlin User Groups' } ]; interface CommunityLayoutProps { title: string; description?: string; ogImageName?: string; children: React.ReactNode; } export const CommunityLayout: FC = ({ title, ogImageName, description, children }) => { const theme = 'dark'; const router = useRouter(); const pathname = addTrailingSlash(router.pathname); let items = TOP_MENU_ITEMS; let activeIndex = useMemo( () => items.map((item) => item.url).indexOf(pathname), [pathname, items] ); const linkHandler = useCallback( (event, url) => { event.preventDefault(); router.push(url); }, [router] ); const ogImagePath = useMemo( () => `https://kotlinlang.org/assets/images/open-graph/${ogImageName ? ogImageName : 'general.png'}`, [ogImageName] ); const ogImageTwitterPath = useMemo( () => (ogImageName ? ogImagePath : 'https://kotlinlang.org/assets/images/twitter/general.png'), [ogImageName, ogImagePath] ); if (activeIndex === -1) { activeIndex = items.length; items = [...items, { url: router.pathname + '/', title, }]; } return ( <> {title} {description && } {description && }

{pathname === '/community/events/' && ( )}

{children} Write to us } mainTitle={ <> Give us your feedback or ask any questions
you have about the Kotlin community } /> ); }; function addTrailingSlash(path: string): string { return path.endsWith('/') ? path : `${path}/`; }