{"version":3,"sources":["webpack:///./src/pages/news/index.js","webpack:///./src/components/TwoColumnLeftNav/NewsLeftNav.js"],"names":["News","allMdx","data","useTranslations","allNews","newProducts","campaign","products","events","notice","general","className","edges","map","post","node","frontmatter","tag","key","title","fields","locale","to","date","parent","relativeDirectory","NewsLeftNav","ActiveStyle","color","news","exhibition","id","name","type","htmlFor","activeStyle"],"mappings":"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","file":"component---src-pages-news-index-js-35b7a0151ab39edca8ea.js","sourcesContent":["import React from \"react\";\nimport useTranslations from \"../../components/useTranslations\";\nimport Footer from \"../../components/Footer/Footer\";\nimport NewsLeftNav from \"../../components/TwoColumnLeftNav/NewsLeftNav\";\nimport {graphql} from \"gatsby\";\nimport LocalizedLink from \"../../components/localizedLink\";\n\nconst News = ({ data: { allMdx } }) => {\n\t// useTranslations is aware of the global context (and therefore also \"locale\")\n\t// so it'll automatically give back the right translations\n\tconst {\n\t\tallNews,\n\t\tnewProducts,\n\t\tcampaign,\n\t\tproducts,\n\t\tevents,\n\t\tnotice,\n\t\tgeneral,\n\t} = useTranslations();\n\treturn (\n\t\t<>\n\t\t\t<article className=\"news-page two-column-left-nav\">\n\t\t\t\t<NewsLeftNav />\n\t\t\t\t<section className=\"main-content\">\n\t\t\t\t\t<div className=\"content-container\">\n\t\t\t\t\t\t<h1 className={\"large bold\"}>{allNews}</h1>\n\t\t\t\t\t\t<ul className=\"post-list flex between wrap\">\n\t\t\t\t\t\t\t{allMdx.edges.map(({ node: post }) => (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{post.frontmatter.tag === \"exhibition\" ? (\n\t\t\t\t\t\t\t\t\t\t<LocalizedLink\n\t\t\t\t\t\t\t\t\t\t\tkey={`${post.frontmatter.title}-${post.fields.locale}`}\n\t\t\t\t\t\t\t\t\t\t\tclassName={`news-link`}\n\t\t\t\t\t\t\t\t\t\t\tto={`/news/exhibition/`}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\t\t\t\tkey={`${post.frontmatter.title}-${post.fields.locale}`}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex row news-list\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"date\">{post.frontmatter.date}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"tag\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p className={`tag tag-exhibition`}>{events}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"post-title\">{post.frontmatter.title}</p>\n\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t</LocalizedLink>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<LocalizedLink\n\t\t\t\t\t\t\t\t\t\t\tclassName={`news-link`}\n\t\t\t\t\t\t\t\t\t\t\tto={`/${post.parent.relativeDirectory}/`}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\t\t\t\tkey={`${post.frontmatter.title}-${post.fields.locale}`}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex row news-list\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"date\">{post.frontmatter.date}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"tag\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{(() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tswitch (post.frontmatter.tag) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcase \"newProduct\":\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p className={`tag tag-new-product`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{newProducts}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcase \"campaign\":\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p className={`tag tag-campaign`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{campaign}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcase \"product\":\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p className={`tag tag-product`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{products}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcase \"exhibition\":\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p className={`tag tag-exhibition`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{events}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcase \"notice\":\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p className={`tag tag-notice`}>{notice}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p className={`tag tag-general`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{general}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})()}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"post-title\">{post.frontmatter.title}</p>\n\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t</LocalizedLink>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t</article>\n\t\t\t<Footer />\n\t\t</>\n\t);\n};\n\nexport default News;\n\nexport const query = graphql`\n\tquery News($locale: String!, $dateFormat: String!) {\n\t\tallMdx(\n\t\t\tfilter: {\n\t\t\t\tfileAbsolutePath: { regex: \"/(sato-corporate-blog/blog)/.*\\\\\\\\.mdx$/\" }\n\t\t\t\tfields: { locale: { eq: $locale } }\n\t\t\t}\n\t\t\tsort: { fields: [frontmatter___date], order: DESC }\n\t\t) {\n\t\t\tedges {\n\t\t\t\tnode {\n\t\t\t\t\tfrontmatter {\n\t\t\t\t\t\ttitle\n\t\t\t\t\t\tdate(formatString: $dateFormat)\n\t\t\t\t\t\tfeaturedImage\n\t\t\t\t\t\ttag\n\t\t\t\t\t}\n\t\t\t\t\tfields {\n\t\t\t\t\t\tlocale\n\t\t\t\t\t}\n\t\t\t\t\tparent {\n\t\t\t\t\t\t... on File {\n\t\t\t\t\t\t\trelativeDirectory\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n`;\n","import React from \"react\"\nimport LocalizedLink from \"../localizedLink\"\nimport useTranslations from \"../useTranslations\"\n\nconst NewsLeftNav = () => {\n    const ActiveStyle = {\n        color: '#0428a0'\n    }\n    const {news, events, campaign, exhibition, allNews, newProducts, products, notice} = useTranslations()\n    return (\n        <>\n            <div className=\"leftnav news-leftnav\">\n                <div className=\"ac pc leftnav-links\">\n                    <input className=\"ac-input\" id=\"news-info-pc\" name=\"news-info\" type=\"checkbox\"/>\n                    <label className=\"ac-label leftnav-link\" htmlFor=\"news-info-pc\"><span>{news}</span></label>\n                    <section className={`ac-text`}>\n                        <ul >\n                            <li className=\"leftnav-link-child\">\n                                <LocalizedLink activeStyle={ActiveStyle} to={`/news/newProduct`} >{newProducts}</LocalizedLink>\n                            </li>\n                            <li className=\"leftnav-link-child\">\n                                <LocalizedLink activeStyle={ActiveStyle} to={`/news/product`} >{products}</LocalizedLink>\n                            </li>\n                            <li className=\"leftnav-link-child\">\n                                <LocalizedLink  activeStyle={ActiveStyle} to={`/news/campaign`} >{campaign}</LocalizedLink>\n                            </li>\n                            <li className=\"leftnav-link-child\">\n                                <LocalizedLink  activeStyle={ActiveStyle} to={`/news/event`} >{events}</LocalizedLink>\n                            </li>\n                            <li className=\"leftnav-link-child\">\n                                <LocalizedLink  activeStyle={ActiveStyle} to={`/news/notice`} >{notice}</LocalizedLink>\n                            </li>\n                            <li className=\"leftnav-link-child\">\n                                <LocalizedLink  activeStyle={ActiveStyle} to={`/news`} >{allNews}</LocalizedLink>\n                            </li>\n                        </ul>\n                    </section>\n                    <li className=\"leftnav-link\">\n                        <LocalizedLink  activeStyle={ActiveStyle} to={`/news/exhibition`} >{exhibition}</LocalizedLink>\n                    </li>\n                </div>\n\n\n                <div className={`ac sp`}>\n                    <input className=\"ac-input\" id=\"news-info\" name=\"news-info\" type=\"checkbox\"/>\n                    <label className=\"ac-label\" htmlFor=\"news-info\">{news}</label>\n                    <section className={` ac-text ac-text-footer `}>\n                        <ul className=\"leftnav-links\">\n                            <li className=\"leftnav-link\">\n                                <LocalizedLink  to={`/news`} >{allNews}</LocalizedLink>\n                            </li>\n                            <li className=\"leftnav-link\">\n                                <LocalizedLink to={`/news/newProduct`} >{newProducts}</LocalizedLink>\n                            </li>\n                            <li className=\"leftnav-link\">\n                                <LocalizedLink  to={`/news/campaign`} >{campaign}</LocalizedLink>\n                            </li>\n                            <li className=\"leftnav-link\">\n                                <LocalizedLink  to={`/news/event`} >{events}</LocalizedLink>\n                            </li>\n                        </ul>\n                    </section>\n                    <li className=\"leftnav-link\">\n                        <LocalizedLink  to={`/news/exhibition`} >{exhibition}</LocalizedLink>\n                    </li>\n                </div>\n            </div>\n        </>\n    )\n}\n\nexport default NewsLeftNav\n\n"],"sourceRoot":""}