Pseudonym Generator

make a zoo map with theese Savannah House (African) Jungle House Tropicarium Reptile House Bird House / Bird Flight Arctic and Antarctic House Domestic Animals Showcase (European and Hungarian Animals) Nocturnal Animals House Insect House / Terrarium

import { signIn, signOut, useSession } from 'next-auth/react'; import { Button, HeaderItem, IconLockOpen } from '@lmig/lmds-react'; import { IconMyAccount } from '@lmig/lmds-react-icons'; export default function UserInfo() { const { data: session, status } = useSession(); if (session && status === 'authenticated') { return ( <> <HeaderItem> <IconMyAccount size="24" /> {session?.user?.name} </HeaderItem> <HeaderItem> <Button variant="primary" size="small" onClick={() => signOut()}> <IconLockOpen size="16" title="Sign out" aria-hidden="false" /> Sign out </Button> </HeaderItem> </> ); } if (session || status === 'unauthenticated') { // <Button onClick={() => signIn()}>Sign in</Button> return ( <Button variant="primary" size="small" onClick={() => signIn()}> <IconLockOpen size="16" title="Sign in" aria-hidden="false" /> Sign in </Button> ); } }

import { HeaderItem } from '@lmig/lmds-react'; import Link from 'next/link'; import styles from './NavItem.module.css'; const NavItem = ({ href, pathname, setOverlayOpen, text }) => ( <HeaderItem className={styles.navItem}> <Link href={href} className={pathname === href ? `${styles.active}` : ''} onClick={() => setOverlayOpen(false)} > {text} </Link> </HeaderItem> ); export default NavItem;