https://www.charitywater.org/vite/assets/ProjectDetailsDrawer-zBbIpgB0.js

1import{aP as s,aJ as o}from"./store-DUosIV5A.js";import x from"./MapDrawer-BEBOMFpG.js";import p from"./SponsorsModal-CEJUloLA.js";import{a as c}from"./application-CegkUz9G.js";import"./Modal-CeM2dICs.js";const f=c.forwardRef(({drawerProject:e,onCloseCallback:i},n)=>{var t,a;const l=c.useRef(null);return s.jsx(x,{modalId:"project-details",onCloseCallback:i,ref:n,children:e&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"overflow-y-auto absolute top-0 left-0 right-0 bottom-0",children:s.jsxs("div",{className:"inner-content flex flex-col",children:[s.jsx("div",{className:"drawer-header pt-11 pb-15 px-8 md-pt-15 bg-cw-brand-grey-900",children:s.jsxs("div",{className:"flex flex-col items-start text-cw-white",children:[s.jsx("h3",{className:"heading-xl pb-1 text-cw-white",children:e.name}),s.jsxs("div",{className:"flex flex-row flex-wrap gap-2 justify-start",children:[s.jsxs("div",{className:"country flex flex-row items-center",children:[s.jsx("span",{className:`country-image bg-cover bg-center inline-block icon-${e.country_code}`,style:{width:"26px",height:"20px"}}),s.jsx("span",{className:"body-s px-3",children:e.country_friendly_name})]}),e.location_type&&e.location_type.match(/schools?/i)&&s.jsxs("div",{className:"location-type flex flex-row items-center ml-4",children:[s.jsx("span",{className:"icon cw-icon-icon-book pr-2",style:{fontSize:"20px"}}),s.jsx("span",{className:"body-s",children:"School"})]}),s.jsxs("div",{className:"flex flex-row items-center",children:[s.jsx("span",{className:"icon cw-icon-location-outline text-md mr-1 text-cw-brand-yellow-500"}),s.jsx("span",{className:"body-s pr-3",children:e.coordinates})]})]})]})}),s.jsxs("div",{className:"drawer-body pb-8 px-8 text-cw-black",children:[s.jsx("div",{className:"project-photo pb-6 w-full flex justify-center",children:s.jsx("img",{className:"rounded",src:e.photos[0]})}),s.jsxs("div",{className:"project-stats flex flex-col items-center",children:[e.people_served&&s.jsxs("div",{className:"flex flex-col items-center",children:[s.jsx("p",{className:"heading-xs mb-1",children:"People Served"}),s.jsx("p",{className:"heading-xl mb-6",children:e.people_served})]}),s.jsxs("div",{className:"stats flex flex-col border-t border-cw-black pb-2 md-pb-5",children:[s.jsxs("div",{className:"stat-box text-center flex",children:[s.jsxs("div",{className:"stat donor-count w-1/2 pt-7 px-4 border-r border-cw-black",children:[s.jsx("p",{className:"heading-xs pb-2",children:e.override_thanks_to_header?"Project Dedication":"Thanks To"}),s.jsxs("p",{className:"body-s font-light",children:[(t=e.attribution)==null?void 0:t.plain_text,((a=e.attribution)==null?void 0:a.linkable_text)&&s.jsx("button",{className:"sponsors-button underline",onClick:()=>l.current.toggle(),type:"button",children:e.attribution.linkable_text})]})]}),s.jsxs("div",{className:"stat solution-type w-1/2 pt-7 px-4",children:[s.jsx("p",{className:"heading-xs pb-2",children:"Solution Type"}),s.jsx("p",{className:"body-s font-light",children:e.type})]})]}),s.jsxs("div",{className:"stat-box text-center flex",children:[s.jsxs("div",{className:"stat location-type w-1/2 py-8 px-4 border-r border-cw-black",children:[s.jsx("p",{className:"heading-xs pb-2",children:"Location Type"}),s.jsx("p",{className:"body-s font-light",children:e.location_type})]}),s.jsxs("div",{className:"stat local-partner w-1/2 py-8 px-4",children:[s.jsx("p",{className:"heading-xs pb-2",children:"Local Partner"}),s.jsx("p",{className:"body-s font-light",children:e.partner})]})]})]})]}),s.jsx("a",{className:"button w-full border border-solid text-center uppercase text-xs text-cw-black bg-cw-white",href:`/projects/${e.short_code}`,children:"View Full Report"})]})]})}),e.campaign_supporters&&e.campaign_supporters.length>0&&o.createPortal(s.jsx(p,{campaignSupporters:e.campaign_supporters,projectId:e.id,ref:l}),document.body)]})})});export{f as default};
2//# sourceMappingURL=ProjectDetailsDrawer-zBbIpgB0.js.map