{"version":3,"sources":["webpack://lcb-research-about/./src/components/About/index.js"],"names":["props","aboutPageInfo","data","allPrismicAbout","edges","node","staffLeftColumn","staff_group","filter","group","display_column","sort","g1","g2","display_order","staffRightColumn","window","title","description","pathname","location","lg","className","href","Link","to","sm","RichText","render","about_summary","raw","info_sections","map","item","key","section_title","section_text","unit_name","staff_list"],"mappings":"2MA8GA,UAnEc,SAACA,GACX,IAAMC,EAAgBD,EAAME,KAAKC,gBAAgBC,MAAM,GAAGC,KAAKH,KACzDI,EAAkBL,EAAcM,YAAYC,QAAO,SAAAC,GAAK,MAA6B,SAAzBA,EAAMC,kBAA2BC,MAAK,SAACC,EAAIC,GAAL,OAAYD,EAAGE,cAAgBD,EAAGC,iBACpIC,EAAmBd,EAAcM,YAAYC,QAAO,SAAAC,GAAK,MAA6B,UAAzBA,EAAMC,kBAA4BC,MAAK,SAACC,EAAIC,GAAL,OAAYD,EAAGE,cAAgBD,EAAGC,iBAC5I,MAAsB,oBAAXE,OAEP,gBAAC,IAAD,KACI,gBAAC,IAAD,CAAKC,MAAM,8BAA8BC,YAAY,kDAAkDC,SAAUnB,EAAMoB,SAASD,WAChI,gBAAC,IAAD,KACI,gBAAC,IAAD,CAAKE,GAAI,EAAGC,UAAU,aAClB,0DAEJ,gBAAC,IAAD,CAAKD,GAAI,EAAGC,UAAU,sCACtB,qBAAGA,UAAU,uBAAb,iBACA,qBAAGA,UAAU,MACT,qBAAGA,UAAU,WAAWC,KAAK,+BAA7B,gCAEJ,qBAAGD,UAAU,MACT,gBAAC,EAAAE,KAAD,CAAMF,UAAU,WAAWG,GAAG,YAA9B,iBAIR,sBAAIH,UAAU,SACd,gBAAC,IAAD,KACI,gBAAC,IAAD,CAAKI,GAAI,IACL,gBAAC,EAAAC,SAAD,CAAUC,OAAQ3B,EAAc4B,cAAcC,QAGrD7B,EAAc8B,cAAcC,KAAI,SAAAC,GAAI,OACjC,gBAAC,IAAD,CAAKC,IAAKD,EAAKE,eACX,gBAAC,IAAD,CAAKT,GAAI,IACL,0BAAKO,EAAKE,eACV,gBAAC,EAAAR,SAAD,CAAUC,OAAQK,EAAKG,aAAaN,WAIhD,2BACA,gBAAC,IAAD,KACI,gBAAC,IAAD,CAAKJ,GAAI,IACL,sBAAIJ,UAAU,QAAd,4BAEJ,gBAAC,IAAD,CAAKD,GAAI,GACJf,EAAgB0B,KAAI,SAAAvB,GAAK,OACtB,uBAAKyB,IAAKzB,EAAM4B,UAAWf,UAAU,mBACjC,0BAAKb,EAAM4B,WACX,gBAAC,EAAAV,SAAD,CAAUC,OAAQnB,EAAM6B,WAAWR,WAI/C,gBAAC,IAAD,CAAKT,GAAI,GACRN,EAAiBiB,KAAI,SAAAvB,GAAK,OACnB,uBAAKyB,IAAKzB,EAAM4B,UAAWf,UAAU,mBACjC,0BAAKb,EAAM4B,WACX,gBAAC,EAAAV,SAAD,CAAUC,OAAQnB,EAAM6B,WAAWR,aAShD","file":"component---src-components-about-index-js-2a8de3e1b837e6739122.js","sourcesContent":["import React from 'react'\r\nimport { graphql, Link} from 'gatsby'\r\nimport { RichText} from 'prismic-reactjs'\r\nimport Layout from '@layout'\r\nimport SEO from '@layout/SEO'\r\nimport Row from 'react-bootstrap/Row'\r\nimport Col from 'react-bootstrap/Col'\r\nimport './about.css'\r\n\r\nexport const query = graphql `\r\nquery \r\n{  \r\n    allPrismicAbout { \r\n        edges { \r\n            node {  \r\n              type \r\n              url\r\n              data { \r\n                about_summary {\r\n                    raw\r\n                }\r\n                info_sections {\r\n                  section_title \r\n                  section_text {\r\n                      raw\r\n                  }\r\n                }\r\n                staff_group {\r\n                  unit_name\r\n                  staff_list {\r\n                      raw\r\n                  }\r\n                  display_order\r\n                  display_column\r\n                }\r\n              }                  \r\n            } \r\n        } \r\n    }\r\n}\r\n`\r\n\r\n\r\nconst About = (props) => {\r\n    const aboutPageInfo = props.data.allPrismicAbout.edges[0].node.data;\r\n    const staffLeftColumn = aboutPageInfo.staff_group.filter(group => group.display_column === \"Left\").sort((g1, g2) => g1.display_order - g2.display_order);\r\n    const staffRightColumn = aboutPageInfo.staff_group.filter(group => group.display_column === \"Right\").sort((g1, g2) => g1.display_order - g2.display_order);\r\n    if (typeof window !== \"undefined\"){\r\n        return (\r\n        <Layout>\r\n            <SEO title=\"About the Research Division\" description=\"General information about the Research Division\" pathname={props.location.pathname}/>\r\n            <Row>\r\n                <Col lg={9} className=\"text-left\">\r\n                    <h1>About the Research Division</h1> \r\n                </Col>\r\n                <Col lg={3} className=\"text-lg-right pr-lg-3 pt-2 pt-lg-0\">\r\n                <p className=\"h5 font-weight-bold\">Other Options</p>\r\n                <p className=\"h6\">\r\n                    <a className=\"animated\" href=\"/Division/Research/Content/\">Browse our Featured Content</a>\r\n                </p>\r\n                <p className=\"h6\">\r\n                    <Link className=\"animated\" to=\"/Contact\">Contact Us</Link>\r\n                </p>\r\n                </Col>\r\n            </Row>\r\n            <hr className=\"my-4\"/> \r\n            <Row>\r\n                <Col sm={12}>\r\n                    <RichText render={aboutPageInfo.about_summary.raw}/> \r\n                </Col>\r\n            </Row>\r\n            {aboutPageInfo.info_sections.map(item => (\r\n                <Row key={item.section_title}>\r\n                    <Col sm={12}>\r\n                        <h2>{item.section_title}</h2>\r\n                        <RichText render={item.section_text.raw}/> \r\n                    </Col>\r\n                </Row>\r\n            ))}\r\n            <hr/>\r\n            <Row>\r\n                <Col sm={12}>\r\n                    <h2 className=\"mb-4\">Research Division Staff</h2>\r\n                </Col>\r\n                <Col lg={6}>\r\n                    {staffLeftColumn.map(group => (\r\n                        <div key={group.unit_name} className=\"my-3 staff-list\">\r\n                            <h3>{group.unit_name}</h3>\r\n                            <RichText render={group.staff_list.raw}/> \r\n                        </div>\r\n                    ))}\r\n                </Col>\r\n                <Col lg={6}>\r\n                {staffRightColumn.map(group => (\r\n                        <div key={group.unit_name} className=\"my-3 staff-list\">\r\n                            <h3>{group.unit_name}</h3>\r\n                            <RichText render={group.staff_list.raw}/> \r\n                        </div>\r\n                    ))}\r\n                </Col>\r\n            </Row>\r\n        </Layout>\r\n    )\r\n    }\r\n    else {\r\n        return null\r\n    }\r\n        \r\n}\r\n\r\nexport default About"],"sourceRoot":""}