{"version":3,"file":"index-9d4f24ad.js","sources":["../../../FE_DEV/src/containers/ResourceArticle/index.tsx"],"sourcesContent":["import { ILoginState } from '@/models/ILoginState'\nimport Heading from '../Heading'\nimport { Container } from '@/components/Container'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCalendar } from '@fortawesome/free-regular-svg-icons'\nimport { faLocationDot } from '@fortawesome/free-solid-svg-icons'\n\ninterface IResourceArticle {\n\theading: string\n\tid: number\n\tintroduction: string\n\tupdatedDate: string\n    dateOfEvent: string\n\taddress?: string,\n    timeOfEvent: string\n\tcategoryTypes: string[]\n\tauthor: string\n}\n\ninterface IProps {\n\tresourceArticle: IResourceArticle\n\tloginState: ILoginState,\n\teventDetail?: true\n}\nexport default function ResourceArticle({\n\tresourceArticle,\n\tloginState,\n\teventDetail,\n}: IProps) {\n\tconst { id, heading, updatedDate, dateOfEvent, address, timeOfEvent, author } = resourceArticle\n\n\treturn (\n\t\t<Container padding>\n\t\t\t<div className=\"grid grid-cols-1 mt-6\">\n\t\t\t\t<div className=\"w-full flex-col max-w-[1000px] mx-auto\">\n\t\t\t\t\t<Heading heading={heading} pageId={id} showBookmark={loginState.isLoggedIn} />\n\n\t\t\t\t\t{\n\t\t\t\t\t\tauthor && (\n\t\t\t\t\t\t\t<div className='flex items-center text-action-primary-blue-100 text-lg font-bold mt-4'>\n\t\t\t\t\t\t\t\t<p className='mb-0'>{author}</p>\n\t\t\t\t\t\t\t\t<p className='mx-2 mb-0'>{ author && updatedDate && <div className=\"w-1 h-1 rounded-full bg-sky-800\" /> }</p>\n\t\t\t\t\t\t\t\t<p className='mb-0'>{updatedDate}</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\n\t\t\t\t\t{/* {\n                        updatedDate && !eventDetail &&\n                        <p className=\"text-text-color-80 mt-1\">\n\t\t\t\t\t\t\tLast Updated: {updatedDate}\n\t\t\t\t\t\t</p>\n                    }\n                    {\n                        dateOfEvent && !eventDetail &&\n                        <p className=\"text-text-color-80 mt-1\">\n                            Event Date: {new Date(dateOfEvent).toJSON().slice(0,10).replace(/-/g,'/')}\n\t\t\t\t\t\t</p>\n                    }\n                    {\n                        dateOfEvent && timeOfEvent && !eventDetail &&\n                        <p className=\"text-text-color-80 -mt-3\">\n                            Event Time: {timeOfEvent}\n\t\t\t\t\t\t</p>\n                    } */}\n\n\t\t\t\t\t{\n\t\t\t\t\t\teventDetail && (\n\t\t\t\t\t\t\t<div className='flex flex-wrap w-full mt-4 items-center text-action-primary-blue-100'>\n\t\t\t\t\t\t\t\t<div className='flex items-center mr-2'>\n\t\t\t\t\t\t\t\t\t<FontAwesomeIcon icon={faCalendar} className='mr-2' />\n\t\t\t\t\t\t\t\t\t<p className=\"text-sm font-bold m-0\">\n\t\t\t\t\t\t\t\t\t\t{new Date(dateOfEvent).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' })}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<div className=\"mx-2 w-1 h-1 rounded-full bg-sky-800\" />\n\t\t\t\t\t\t\t\t\t<p className=\"text-sm font-bold m-0\">\n\t\t\t\t\t\t\t\t\t\t{timeOfEvent}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className='mr-3 text-border md:block hidden'> | </div>\n\t\t\t\t\t\t\t\t<div className='flex items-center md:w-auto w-full md:mt-0 mt-4'>\n\t\t\t\t\t\t\t\t\t<FontAwesomeIcon icon={faLocationDot} className='mr-2' />\n\t\t\t\t\t\t\t\t\t<div className=\"text-sm font-bold leading-tight\">\n\t\t\t\t\t\t\t\t\t\t{address}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\n\n\t\t\t\t</div>\n\t\t\t\t<div className=\"max-w-[1000px] w-full mx-auto flex flex-wrap gap-1 mt-4\">\n\t\t\t\t\t{resourceArticle &&\n\t\t\t\t\t\tresourceArticle.categoryTypes.map((categoryType, i) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div key={i} className=\"mr-2 bg-action-primary-blue-100 uppercase rounded-md text-xs py-1 px-2 text-white font-museo\">\n\t\t\t\t\t\t\t\t\t{categoryType}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t})}\n\t\t\t\t</div>\n\n\t\t\t\t<hr className=\"mt-12 bg-border/40 h-0.5 border-none\"></hr>\n\t\t\t</div>\n\t\t</Container>\n\t)\n}\n"],"names":["ResourceArticle","resourceArticle","loginState","eventDetail","id","heading","updatedDate","dateOfEvent","address","timeOfEvent","author","Container","jsxs","jsx","Heading","FontAwesomeIcon","faCalendar","faLocationDot","categoryType","i"],"mappings":"shBAwBA,SAAwBA,EAAgB,CACvC,gBAAAC,EACA,WAAAC,EACA,YAAAC,CACD,EAAW,CACJ,KAAA,CAAE,GAAAC,EAAI,QAAAC,EAAS,YAAAC,EAAa,YAAAC,EAAa,QAAAC,EAAS,YAAAC,EAAa,OAAAC,CAAW,EAAAT,EAEhF,SACEU,EAAU,CAAA,QAAO,GACjB,SAACC,EAAA,MAAA,CAAI,UAAU,wBACd,SAAA,CAACA,EAAA,MAAA,CAAI,UAAU,yCACd,SAAA,CAAAC,EAACC,GAAQ,QAAAT,EAAkB,OAAQD,EAAI,aAAcF,EAAW,WAAY,EAG3EQ,GACCE,EAAC,MAAI,CAAA,UAAU,wEACd,SAAA,CAACC,EAAA,IAAA,CAAE,UAAU,OAAQ,SAAOH,EAAA,EAC5BG,EAAC,IAAE,CAAA,UAAU,YAAc,SAAAH,GAAUJ,GAAgBO,EAAA,MAAA,CAAI,UAAU,iCAAA,CAAkC,CAAI,CAAA,EACxGA,EAAA,IAAA,CAAE,UAAU,OAAQ,SAAYP,EAAA,CAAA,EAClC,EAwBDH,GACCS,EAAC,MAAI,CAAA,UAAU,uEACd,SAAA,CAACA,EAAA,MAAA,CAAI,UAAU,yBACd,SAAA,CAAAC,EAACE,EAAgB,CAAA,KAAMC,EAAY,UAAU,OAAO,IACnD,IAAE,CAAA,UAAU,wBACX,SAAI,IAAA,KAAKT,CAAW,EAAE,mBAAmB,QAAS,CAAE,KAAM,UAAW,MAAO,OAAQ,IAAK,SAAW,CAAA,EACtG,EACAM,EAAC,MAAI,CAAA,UAAU,sCAAuC,CAAA,EACrDA,EAAA,IAAA,CAAE,UAAU,wBACX,SACFJ,EAAA,CAAA,EACD,EACCI,EAAA,MAAA,CAAI,UAAU,mCAAmC,SAAG,MAAA,EACrDD,EAAC,MAAI,CAAA,UAAU,kDACd,SAAA,CAAAC,EAACE,EAAgB,CAAA,KAAME,EAAe,UAAU,OAAO,EACtDJ,EAAA,MAAA,CAAI,UAAU,kCACb,SACFL,EAAA,CAAA,EACD,CAAA,EACD,CAAA,EAKH,EACAK,EAAC,MAAI,CAAA,UAAU,0DACb,SAAAZ,GACAA,EAAgB,cAAc,IAAI,CAACiB,EAAcC,IAE9CN,EAAA,MAAA,CAAY,UAAU,+FACrB,YADQM,CAEV,CAED,EACH,EAEAN,EAAC,KAAG,CAAA,UAAU,sCAAuC,CAAA,CAAA,CACtD,CAAA,CACD,CAAA,CAEF"}