{"version":3,"sources":["webpack:///./src/components/ds/Card.tsx","webpack:///./src/templates/CityPage.tsx","webpack:///./src/components/ds/PageContainer.tsx"],"names":["Card","title","titleSize","children","className","CityPage","pageContext","name","provinceName","cities","province","requestForm","volunteerForm","organizations","requestFormWithDefault","volunteerFormWithDefault","href","target","isColor","link","includes","id","sort","a","b","map","organization","to","slug","current","as","icon","PageContainer"],"mappings":"iUAGaA,EAAO,SAAC,GAA2C,IAAzCC,EAAyC,EAAzCA,MAAyC,IAAlCC,iBAAkC,MAAtB,MAAsB,EAAfC,EAAe,EAAfA,SAC/C,OACE,yBAAKC,UAAU,4CACb,wBACEA,UAAS,uEAAyEF,GAEjFD,GAEH,kBAAC,IAAD,CAAWG,UAAU,QAAQD,M,kLC+IpBE,UAzIE,SAAC,GAAoB,IAAlBC,EAAkB,EAAlBA,YAEhBC,EAMED,EANFC,KAEkBC,GAIhBF,EALFG,OAKEH,EAJFI,SAAYH,MACZI,EAGEL,EAHFK,YACAC,EAEEN,EAFFM,cACAC,EACEP,EADFO,cAGIC,EAAyBH,UAAe,+BACxCI,EACJH,UAAiB,iCAEnB,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKX,MAAUM,EAAL,0BACV,kBAAC,IAAD,KACE,kBAAC,IAAD,KAEGA,EAFH,KAEWC,GAQX,6BAASJ,UAAU,YACR,WAARG,EACC,kBAAC,IAAD,CAAMN,MAAM,gBACV,kBAAC,IAAD,oNAMA,yBAAKG,UAAU,6BACb,6BACE,uBAAGA,UAAU,QACX,uBACEY,KAAK,sDACLC,OAAO,QAFT,YAQJ,6BACE,kBAAC,IAAD,CACEC,QAAQ,UACRC,KACEJ,EAAyBK,SAAS,UAC3BL,EADP,2CAC0ER,EACtEQ,OAOd,kBAAC,IAAD,CAAMd,MAAM,gBACV,yBAAKG,UAAU,6BACb,6BACE,uBAAGA,UAAU,QAAb,oBACA,kBAAC,IAAD,CACEc,QAAQ,UACRC,KACEL,EAAuBM,SAAS,UACzBN,EADP,yCACsEP,EAClEO,KAIV,6BACE,uBAAGV,UAAU,QAAb,iBACA,kBAAC,IAAD,CACEc,QAAQ,UACRC,KACEJ,EAAyBK,SAAS,UAC3BL,EADP,2CAC0ER,EACtEQ,QASlB,6BAASM,GAAG,gBAAgBjB,UAAU,iBACpC,kBAAC,IAAD,CAAMH,MAAM,iBACV,kBAAC,IAAD,gGAE0BM,EAF1B,6EAMA,wBAAIH,UAAU,2BACXS,EACES,MAAK,SAACC,EAAGC,GAAJ,OAAWD,EAAEhB,KAAOiB,EAAEjB,KAAO,GAAK,KACvCkB,KAAI,SAAAC,GAAY,OACf,kBAAC,IAAD,CACEC,GAAE,kBAAoBD,EAAaE,KAAKC,QACxCC,GAAG,KACH1B,UAAU,oBAEV,kBAAC,IAAD,CACE2B,KAAK,cACL3B,UAAU,uBAEXsB,EAAanB,gB,kCChIlC,2DAEO,SAASyB,EAAT,GAAqD,QAA5B5B,iBAA4B,MAAhB,GAAgB,EAAZD,EAAY,EAAZA,SAC9C,OACE,6BAASC,UAAW,gCAAkCA,GACnDD,GAKQ6B","file":"component---src-templates-city-page-tsx-bec9838de83f9ba10ddd.js","sourcesContent":["import React from \"react\"\nimport { Subtitle, Paragraph } from \"./typography\"\n\nexport const Card = ({ title, titleSize = \"2xl\", children }) => {\n  return (\n    <div className=\"rounded border border-gray-300 shadow-lg\">\n      <h2\n        className={`p-4 py-2 bg-gray-200 mb-2 font-display font-bold text-grey-800 text-${titleSize}`}\n      >\n        {title}\n      </h2>\n      <Paragraph className=\"px-4\">{children}</Paragraph>\n    </div>\n  )\n}\n","import React from \"react\"\n\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport OrganizationCard from \"../components/OrganizationCard\"\nimport {\n  PageContainer,\n  Title,\n  Subtitle,\n  Paragraph,\n  Card,\n} from \"../components/ds\"\nimport Link from \"../components/Link\"\nimport { toKebabCase } from \"../utils/toKebabCase\"\nimport { RequestAid, Volunteer } from \"../components/callToAction\"\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\n\nconst CityPage = ({ pageContext }) => {\n  const {\n    name,\n    cities,\n    province: { name: provinceName },\n    requestForm,\n    volunteerForm,\n    organizations,\n  } = pageContext\n\n  const requestFormWithDefault = requestForm ?? \"mailto:request@kapitbisig.ca\"\n  const volunteerFormWithDefault =\n    volunteerForm ?? \"mailto:volunteer@kapitbisig.ca\"\n\n  return (\n    <Layout>\n      <SEO title={`${name} | Kapit-Bisig Canada`} />\n      <PageContainer>\n        <Title>\n          {/* <span className=\"text-gray-700 text-sm uppercase\">Kapit-Bisig •</span>{\" \"} */}\n          {name}, {provinceName}\n        </Title>\n        {/* {_rawContent.map(({ heading, text }) => (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<Title isSpaced>{heading}</Title>\n\t\t\t\t\t\t\t\t\t\t<PortableText blocks={text} />\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t))} */}\n        <section className=\"max-w-lg\">\n          {name == \"Toronto\" ? (\n            <Card title=\"Get Involved\">\n              <Paragraph>\n                At this current moment, we are unable to accept new member\n                requests. Please come back at a later date. We are doing our\n                best to meet everyone's needs and will be accepting member\n                registration again soon.\n              </Paragraph>\n              <div className=\"grid gap-8 sm:grid-cols-2\">\n                <div>\n                  <p className=\"mb-2\">\n                    <a\n                      href=\"https://actionnetwork.org/groups/kapit-bisig-canada\"\n                      target=\"_new\"\n                    >\n                      Donate\n                    </a>\n                  </p>\n                </div>\n                <div>\n                  <Volunteer\n                    isColor=\"outline\"\n                    link={\n                      volunteerFormWithDefault.includes(\"mailto\")\n                        ? `${volunteerFormWithDefault}?subject=Kapit-Bisig Volunteer Signup - ${name}`\n                        : volunteerFormWithDefault\n                    }\n                  />\n                </div>\n              </div>\n            </Card>\n          ) : (\n            <Card title=\"Get Involved\">\n              <div className=\"grid gap-8 sm:grid-cols-2\">\n                <div>\n                  <p className=\"mb-2\">To request help:</p>\n                  <RequestAid\n                    isColor=\"primary\"\n                    link={\n                      requestFormWithDefault.includes(\"mailto\")\n                        ? `${requestFormWithDefault}?subject=Kapit-Bisig Help Requested - ${name}`\n                        : requestFormWithDefault\n                    }\n                  />\n                </div>\n                <div>\n                  <p className=\"mb-2\">To volunteer:</p>\n                  <Volunteer\n                    isColor=\"outline\"\n                    link={\n                      volunteerFormWithDefault.includes(\"mailto\")\n                        ? `${volunteerFormWithDefault}?subject=Kapit-Bisig Volunteer Signup - ${name}`\n                        : volunteerFormWithDefault\n                    }\n                  />\n                </div>\n              </div>\n            </Card>\n          )}\n        </section>\n\n        <section id=\"organizations\" className=\"max-w-lg mt-8\">\n          <Card title=\"Organizations\">\n            <Paragraph>\n              The following organizations are participating in the Kapit-Bisig\n              Laban COVID project in {name}. For more information, please visit\n              the individual organization listing.\n            </Paragraph>\n\n            <ul className=\"flex flex-col space-y-2\">\n              {organizations\n                .sort((a, b) => (a.name > b.name ? 1 : -1))\n                .map(organization => (\n                  <Link\n                    to={`/organizations/${organization.slug.current}`}\n                    as=\"li\"\n                    className=\"group self-start\"\n                  >\n                    <FontAwesomeIcon\n                      icon=\"arrow-right\"\n                      className=\"mr-2 text-blue-400\"\n                    />\n                    {organization.name}\n                  </Link>\n                ))}\n            </ul>\n            {/* <div className=\"grid gap-8 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 flex-wrap\">\n\t\t\t\t\t\t{organizations.map(organization => (\n\t\t\t\t\t\t\t<OrganizationCard\n\t\t\t\t\t\t\t\tname={organization.name}\n\t\t\t\t\t\t\t\tcityNames={organization.cities.map(({ name }) => name)}\n\t\t\t\t\t\t\t\tprovinceName={organization.province.name}\n\t\t\t\t\t\t\t\temail={organization.email}\n\t\t\t\t\t\t\t\ttwitter={organization.twitter}\n\t\t\t\t\t\t\t\tfacebook={organization.facebook}\n\t\t\t\t\t\t\t\tphone={organization.phone}\n\t\t\t\t\t\t\t\twebsite={organization.website}\n\t\t\t\t\t\t\t\tinstagram={organization.instagram}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div> */}\n          </Card>\n        </section>\n      </PageContainer>\n    </Layout>\n  )\n}\n\nexport default CityPage\n","import React from \"react\"\n\nexport function PageContainer({ className = \"\", children }) {\n  return (\n    <section className={\"container my-8 text-gray-800 \" + className}>\n      {children}\n    </section>\n  )\n}\n\nexport default PageContainer\n"],"sourceRoot":""}