{\n setIsMenuOpen(true);\n }}\n onKeyDown={(e) => {\n if (e.key !== 'Enter') {\n return;\n }\n setIsMenuOpen(true);\n }}\n >\n \n \n );\n};\n","'use client';\nimport { useUserInfo } from '../../../../../hooks/useUserInfo';\n\nexport const UserName: React.FC = () => {\n const { isLoadedUserInfo, userInfo } = useUserInfo();\n\n return (\n \n {isLoadedUserInfo && userInfo.isLoggedIn ? userInfo.userName : ''}\n
\n );\n};\n","export default {\"src\":\"/_next/static/media/close_white.52a09c41.svg\",\"height\":34,\"width\":34,\"blurWidth\":0,\"blurHeight\":0};","import Image from 'next/image';\nimport Icon from './close_white.svg?url';\nimport type { SvgImageProps } from '../_type';\n\nexport const CloseWhiteImage: React.FC = ({ alt, ...props }) => (\n \n);\n","export default {\"src\":\"/_next/static/media/arrow_right_white.a6c0371e.svg\",\"height\":16,\"width\":16,\"blurWidth\":0,\"blurHeight\":0};","import Image from 'next/image';\nimport Icon from './arrow_right_white.svg?url';\nimport type { SvgImageProps } from '../_type';\n\nexport const ArrowRightWhiteImage: React.FC = ({\n alt,\n ...props\n}) => ;\n","export default {\"src\":\"/_next/static/media/helloeroRedRotate.c8b1210d.svg\",\"height\":401,\"width\":116,\"blurWidth\":0,\"blurHeight\":0};","import Image from 'next/image';\nimport Icon from './helloeroRedRotate.svg?url';\nimport type { SvgImageProps } from '../_type';\n\nexport const HelloeroRedRotateImage: React.FC = ({\n alt,\n ...props\n}) => ;\n","import React from 'react';\nimport { useUserInfo } from '../../../../hooks/useUserInfo';\nimport type { Config } from 'u-next/config';\n\nexport function useMenuList({ config }: { config: Config }) {\n const { isLoadedUserInfo, userInfo } = useUserInfo();\n const [menus, setMenus] = React.useState<\n {\n text: string;\n href: string;\n }[]\n >([]);\n\n React.useEffect(() => {\n setMenus([\n isLoadedUserInfo && userInfo.isLoggedIn\n ? {\n text: 'アカウント',\n href: config.ACCOUNT,\n }\n : {\n text: 'ログイン/登録',\n href: `${config.ACCOUNT}/login`,\n },\n {\n text: 'ヘルプ',\n href: config.HELP,\n },\n ]);\n }, [config.ACCOUNT, config.HELP, isLoadedUserInfo, userInfo.isLoggedIn]);\n\n return {\n menus,\n };\n}\n","import Link from 'next/link';\nimport { ArrowRightWhiteImage } from '../../../../features/svgImages/ArrowRightWhiteImage';\nimport { HelloeroRedRotateImage } from '../../../../features/svgImages/HelloeroRedRotateImage';\nimport { useMenuList } from '../useMenuList';\nimport type { Config } from 'u-next/config';\n\nexport const DeskTopMenus: React.FC<{\n config: Config;\n}> = ({ config }) => {\n const { menus } = useMenuList({ config });\n\n return (\n \n
\n
\n
\n
\n {menus.map(({ text, href }) => (\n - \n \n
{text}
\n \n \n \n ))}\n
\n
\n
\n
\n
\n
\n
\n {menus.map(({ text, href }) => (\n - \n \n
{text}
\n \n \n \n ))}\n
\n
\n
\n
\n
\n
\n
\n
\n
{\n setIsMenuOpen(false);\n }}\n onKeyDown={(e) => {\n if (e.key !== 'Enter') {\n return;\n }\n setIsMenuOpen(false);\n }}\n >\n \n \n