{"version":3,"file":"component---src-pages-sitemap-tsx-beaad715d93b818ce642.js","mappings":"iMA2IA,UA/FiD,SAACA,GAE9CC,QAAQC,IAAIF,GAEZ,IAAMG,EAASH,EAAMI,KAAKC,eAAeC,MAEnCC,EAAQ,CACV,CAACC,MAAO,WAAYC,YAAY,qCAAuCC,KAAMC,EAAAA,KAC7E,CAACH,MAAO,SAAUC,YAAa,2DAA4DC,KAAME,EAAAA,KACjG,CAACJ,MAAO,WAAYC,YAAa,iDAAkDC,KAAMG,EAAAA,KACzF,CAACL,MAAO,SAAUC,YAAa,kCAAmCC,KAAMI,EAAAA,MAG5E,OACI,gBAAC,IAAD,KACI,gBAAC,IAAD,CAAKN,MAAM,YACX,2BAASO,UAAW,qBAChB,+BACI,uBAAKA,UAAU,YACX,wBAAMA,UAAU,iDACZ,uBAAKA,UAAU,mCACX,uBAAKA,UAAU,eACX,qBAAGA,UAAU,+DAAb,WAGA,sBAAIA,UAAU,yEAAd,eAGA,qBAAGA,UAAU,8BAAb,gCAOpB,sBAAIA,UAAW,+CAEPZ,EAASA,EAAOa,MAAK,SAACC,EAAGC,GAAJ,OAAUD,EAAEE,KAAKC,KAAKZ,MAAQU,EAAEC,KAAKC,KAAKZ,MAAQ,EAAI,KACtEa,KAAI,WAASC,GAAT,IAAEH,EAAF,EAAEA,KAAF,OACG,sBAAIJ,UAAW,iBACX,qBAAGA,UAAW,+BACXQ,KAAI,IAAMJ,EAAKK,KAAKC,SAAYN,EAAKC,KAAKZ,WAGrD,MAKhB,uBAAKO,UAAU,yBACX,sBAAIA,UAAU,+DAAd,iBAEA,sBAAIW,KAAK,OACLX,UAAU,mEAENR,EAAMc,KAAI,SAACM,EAAMC,GAAP,OACN,sBAAIC,IAAKD,EAASb,UAAU,4CACxB,uBAAKA,UAAU,iBAC/B,wBAAMA,UAAU,oEACd,gBAACY,EAAKjB,KAAN,CAAWK,UAAU,wBAAwB,cAAY,WAG3C,uBAAKA,UAAU,kBACX,sBAAIA,UAAU,uCAChC,wBACIA,UAAU,wFACZ,qBAAGQ,KAAI,IAAMI,EAAKnB,MAAMsB,cAAiBf,UAAU,sBACjD,wBAAMA,UAAU,mBAAmB,cAAY,SAC5CY,EAAKnB,SAIM,qBAAGO,UAAU,2BAA2BY,EAAKlB,cAEjD,uBAAKM,UAAU,6BACX,gBAAC,MAAD,CAAkBA,UAAU,wBACV,cAAY,eAKlD,uBAAKA,UAAU,QACX,qBAAGQ,KAAK,IAAIR,UAAU,2DAAtB,kBAEI,wBAAM,cAAY,QAAlB","sources":["webpack://open-law-org-au-client/./src/pages/sitemap.tsx"],"sourcesContent":["import {\n    BookmarkAltIcon,\n    BookOpenIcon,\n    RssIcon,\n    ViewListIcon\n}                                   from '@heroicons/react/outline'\nimport { ChevronRightIcon }         from '@heroicons/react/solid'\nimport { graphql }                  from 'gatsby'\nimport React, { FunctionComponent } from 'react'\n\nimport Layout from '../components/layout'\nimport SEO    from '../components/seo'\n\nexport const query = graphql`\n    query PagesForSitemap {\n        allSanityRoute {\n            edges {\n                node {\n                    slug {\n                        current\n                    }\n                    page {\n                        title\n                    }\n                }\n            }\n        }\n    }\n\n`\n\ninterface SitemapProps {\n    data: {\n        allSanityRoute: {\n            edges: {\n                node: {\n                    page: { title: string },\n                    slug: { current: string }\n                }\n            }[]\n        }\n    }\n}\n\nconst Sitemap: FunctionComponent<SitemapProps> = (props) => {\n\n    console.log(props)\n\n    const routes = props.data.allSanityRoute.edges\n\n    const links = [\n        {title: 'Projects', description: `Learn about Open Law's initiatives`, icon: BookOpenIcon},\n        {title: 'Access', description: 'See options for accessing Open Law projects and services', icon: ViewListIcon},\n        {title: 'Webinars', description: 'Improve your legal research speed and know-how', icon: BookmarkAltIcon},\n        {title: 'Events', description: 'Register for a training session', icon: RssIcon}\n    ]\n\n    return (\n        <Layout>\n            <SEO title=\"Sitemap\"/>\n            <section className={'max-w-7xl mx-auto'}>\n                <section>\n                    <div className=\"bg-white\">\n                        <main className=\"max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8\">\n                            <div className=\"max-w-xl mx-auto py-16 sm:py-24\">\n                                <div className=\"text-center\">\n                                    <p className=\"text-sm font-semibold text-blue-600 uppercase tracking-wide\">\n                                        Sitemap\n                                    </p>\n                                    <h2 className=\"mt-2 text-4xl font-extrabold text-gray-900 tracking-tight sm:text-5xl\">\n                                        Find a page\n                                    </h2>\n                                    <p className=\"mt-2 text-lg text-gray-500\">Every page on Open Law.</p>\n                                </div>\n                            </div>\n                        </main>\n                    </div>\n                </section>\n\n                <ul className={'list-disc px-12 sm:p-0 sm:flex sm:flex-wrap'}>\n                    {\n                        routes ? routes.sort((a, b) => a.node.page.title > b.node.page.title ? 1 : 0)\n                            .map(({node}, idx) => (\n                                    <li className={'sm:w-1/3 mb-2'}>\n                                        <a className={'cursor-pointer text-blue-800'}\n                                           href={`/${node.slug.current}`}>{node.page.title}</a>\n                                    </li>\n                                )\n                            ) : null\n                    }\n                </ul>\n\n\n                <div className=\"max-w-7xl mt-12 mb-12\">\n                    <h2 className=\"text-sm font-semibold text-gray-500 tracking-wide uppercase\">Popular\n                        pages</h2>\n                    <ul role=\"list\"\n                        className=\"mt-4 border-t border-b border-gray-200 divide-y divide-gray-200\">\n                        {\n                            links.map((link, linkIdx) => (\n                                <li key={linkIdx} className=\"relative py-6 flex items-start space-x-4\">\n                                    <div className=\"flex-shrink-0\">\n                    <span className=\"flex items-center justify-center h-12 w-12 rounded-lg bg-blue-50\">\n                      <link.icon className=\"h-6 w-6 text-blue-700\" aria-hidden=\"true\"/>\n                    </span>\n                                    </div>\n                                    <div className=\"min-w-0 flex-1\">\n                                        <h3 className=\"text-base font-medium text-gray-900\">\n                      <span\n                          className=\"rounded-sm focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-blue-500\">\n                        <a href={`/${link.title.toLowerCase()}`} className=\"focus:outline-none\">\n                          <span className=\"absolute inset-0\" aria-hidden=\"true\"/>\n                            {link.title}\n                        </a>\n                      </span>\n                                        </h3>\n                                        <p className=\"text-base text-gray-500\">{link.description}</p>\n                                    </div>\n                                    <div className=\"flex-shrink-0 self-center\">\n                                        <ChevronRightIcon className=\"h-5 w-5 text-gray-400\"\n                                                          aria-hidden=\"true\"/>\n                                    </div>\n                                </li>\n                            ))}\n                    </ul>\n                    <div className=\"mt-8\">\n                        <a href=\"/\" className=\"text-base font-medium text-blue-600 hover:text-blue-500\">\n                            Or go back home\n                            <span aria-hidden=\"true\"> &rarr;</span>\n                        </a>\n                    </div>\n                </div>\n\n            </section>\n\n        </Layout>\n    )\n}\n\nexport default Sitemap\n"],"names":["props","console","log","routes","data","allSanityRoute","edges","links","title","description","icon","BookOpenIcon","ViewListIcon","BookmarkAltIcon","RssIcon","className","sort","a","b","node","page","map","idx","href","slug","current","role","link","linkIdx","key","toLowerCase"],"sourceRoot":""}