{"version":3,"file":"f6a4ebc7-f6b49eb557b9e4f00337.js","mappings":"0PAiBA,MAkBaA,EAAiBC,IAAyB,IAAxB,KAAEC,GAAgBD,EAC/C,MAAME,EAASC,EAAaC,EAAAA,IACtB,EAAEC,EAAC,KAAEC,IAASC,EAAAA,EAAAA,MACdC,EArBuBC,EAC7BC,EACAT,KAEA,OAAQS,GACN,IAAK,KACH,OAAQT,EAAmCU,aAC7C,IAAK,KACH,OAAQV,EAAqCW,eAC/C,IAAK,KACH,OAAQX,EAAqCY,eAC/C,QAEE,MAAM,IAAIC,MAAM,gBAEpB,EAMkBL,CAAuBH,EAAKI,SAAuBT,GAErE,OACEc,EAAAA,EAAAA,IAACC,EAAAA,SAAQ,MACPD,EAAAA,EAAAA,IAAA,QAAME,IAAKf,EAAOgB,OAChBH,EAAAA,EAAAA,IAAA,OAAKE,IAAKf,EAAOiB,OACfJ,EAAAA,EAAAA,IAAA,QAAME,IAAKf,EAAOkB,aACfC,IAAMb,aAAS,EAATA,EAAWc,qBAAqBC,OAAO,gBAEhDR,EAAAA,EAAAA,IAAA,QAAME,IAAKf,EAAOsB,UAAWhB,aAAS,EAATA,EAAWgB,WACxCT,EAAAA,EAAAA,IAAA,MAAIE,IAAKf,EAAOuB,OAAQjB,aAAS,EAATA,EAAWiB,QACnCV,EAAAA,EAAAA,IAAA,OACEE,IAAKf,EAAOwB,SACZC,wBAAyB,CACvBC,OAAS,GAAEpB,aAAS,EAATA,EAAWW,aAK9BJ,EAAAA,EAAAA,IAAA,OAAKE,IAAKf,EAAO2B,oBACfd,EAAAA,EAAAA,IAAA,OAAKE,IAAKf,EAAO4B,yBACff,EAAAA,EAAAA,IAACgB,EAAAA,KAAI,CACHd,IAAKf,EAAO8B,2BACZC,IAAIC,EAAAA,EAAAA,GAAc,SAAU5B,EAAKI,YAEjCK,EAAAA,EAAAA,IAACoB,EAAAA,EAAS,OACVpB,EAAAA,EAAAA,IAAA,QAAME,IAAKf,EAAOkC,4BACf/B,EAAE,aAKF,EAEd,IAAAgC,EAAA,CAAAC,KAAA,UAAApC,OAAA,oBAAAqC,EAAA,CAAAD,KAAA,SAAApC,OAAA,+DAAAsC,EAAA,CAAAF,KAAA,UAAApC,OAAA,0DAED,MAAMC,EAAgBC,IACb,CACLc,MAAMD,EAAAA,EAAAA,IAAG,kGAMOb,EAAMqC,OAAOC,MAAK,IAC9BtC,EAAMuC,GAAGC,SAAQ,iCAIrBzB,MAAMF,EAAAA,EAAAA,IAAG,aACTQ,OAAOR,EAAAA,EAAAA,IAAG,uBAECb,EAAMqC,OAAOI,QAAO,6BAG/BzB,aAAaH,EAAAA,EAAAA,IAAG,gIAOZb,EAAMuC,GAAGC,SAAQ,iCAIrBpB,UAAUP,EAAAA,EAAAA,IAAG,qFAKGb,EAAMqC,OAAOK,YAAW,UAC7B1C,EAAMqC,OAAOC,MAAK,8CAI7BhB,SAAQc,EAMRX,mBAAmBZ,EAAAA,EAAAA,IAAG,cACNb,EAAMqC,OAAOM,WAAWC,UAAS,qCAIjDlB,uBAAsBS,EAMtBP,4BAA4Bf,EAAAA,EAAAA,IAAG,uDAIpBb,EAAMqC,OAAOI,QAAO,kDAIlBzC,EAAMqC,OAAOK,YAAW,eAGrCV,2BAA0BC,G","sources":["webpack://aldagram-corporate/./src/ui/pages/news/detail.tsx"],"sourcesContent":["import { Link } from 'gatsby'\nimport { css } from '@emotion/react'\nimport { MyTheme, theme } from '@ui/styles/theme'\nimport ArrowIcon from '@ui/atoms/icons/ArrowIcon'\nimport dayjs from 'dayjs'\nimport { Fragment } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { buildLangPath } from '@lib/pathUtils'\nimport { Languages } from '@/types/languages'\n\ntype DataType = {\n data:\n | Queries.microcmsNewsQuery\n | Queries.microcmsNewsEnQuery\n | Queries.microcmsNewsThQuery\n}\n\nconst getQueryDataInLanguage = (\n language: Languages,\n data: DataType['data']\n) => {\n switch (language) {\n case 'ja':\n return (data as Queries.microcmsNewsQuery).microcmsNews\n case 'en':\n return (data as Queries.microcmsNewsEnQuery).microcmsNewsEn\n case 'th':\n return (data as Queries.microcmsNewsThQuery).microcmsNewsTh\n default: {\n const _: never = language\n throw new Error('unreachable!')\n }\n }\n}\n\nexport const NewsDetailPage = ({ data }: DataType) => {\n const styles = createStyles(theme)\n const { t, i18n } = useTranslation()\n const queryData = getQueryDataInLanguage(i18n.language as Languages, data)\n\n return (\n \n
\n
\n \n {dayjs(queryData?.modifiedPublishedAt).format('YYYY/MM/DD')}\n \n {queryData?.category}\n

{queryData?.title}

\n \n
\n
\n
\n
\n \n \n \n {t('一覧に戻る')}\n \n \n
\n
\n \n )\n}\n\nconst createStyles = (theme: MyTheme) => {\n return {\n main: css`\n position: relative;\n max-width: 1152px;\n min-height: 100vh;\n margin: 0 auto;\n padding: 80px 16px;\n background: ${theme.colors.white};\n ${theme.mq.isTablet} {\n padding: 80px 32px;\n }\n `,\n body: css``,\n title: css`\n margin: 32px 0;\n color: ${theme.colors.primary};\n font-size: 18px;\n `,\n publishedAt: css`\n position: relative;\n display: inline-block;\n margin-right: 20px;\n font-family: 'montserrat', sans-serif;\n font-size: 16px;\n line-height: 24px;\n ${theme.mq.isTablet} {\n margin-right: 30px;\n }\n `,\n category: css`\n position: relative;\n display: inline-block;\n border-radius: 3px;\n padding: 0 6px;\n background: ${theme.colors.primaryDark};\n color: ${theme.colors.white};\n font-size: 14px;\n line-height: 24px;\n `,\n bodyText: css`\n font-family:\n Noto Sans CJK JP,\n sans-serif;\n font-size: 14px;\n `,\n backToInformation: css`\n background: ${theme.colors.background.innermost};\n width: 100%;\n height: 76px;\n `,\n backToInformationInner: css`\n width: 100%;\n max-width: 1152px;\n margin: 0 auto;\n padding-left: 32px;\n `,\n backToInformationInnerLink: css`\n display: flex;\n margin: 16px 0;\n align-items: center;\n color: ${theme.colors.primary};\n font-size: 16px;\n font-weight: bold;\n &:hover {\n color: ${theme.colors.primaryDark};\n }\n `,\n backToInformationInnerText: css`\n margin-left: 18px;\n `\n }\n}\n"],"names":["NewsDetailPage","_ref4","data","styles","createStyles","theme","t","i18n","useTranslation","queryData","getQueryDataInLanguage","language","microcmsNews","microcmsNewsEn","microcmsNewsTh","Error","___EmotionJSX","Fragment","css","main","body","publishedAt","dayjs","modifiedPublishedAt","format","category","title","bodyText","dangerouslySetInnerHTML","__html","backToInformation","backToInformationInner","Link","backToInformationInnerLink","to","buildLangPath","ArrowIcon","backToInformationInnerText","_ref","name","_ref2","_ref3","colors","white","mq","isTablet","primary","primaryDark","background","innermost"],"sourceRoot":""}