{"version":3,"file":"chunks/DoctorListPage.chunk.d91aa5382ef923f3808f.js","mappings":"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","sources":["webpack://BeautyBecomes/./ClientApp/components/Pages/DoctorList/DoctorList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { imageSize } from '@common/react/utils/utils';\nimport { BreadCrumbs } from '@common/react/components/UI/BreadCrumbs/BreadCrumbs';\nimport LinkWithLang from '@common/react/components/UI/lang/LinkWithLang/LinkWithLang';\nimport ServerPageProvider from '@common/react/components/UI/lang/SeverPageProviderWithLang/ServerpageProviderWithLang';\n\nimport { Doctor } from '@commonTuna/react/objects/BaseDoctor';\nimport { DoctorProfession } from '@commonTuna/react/objects/DoctorProfession';\nimport { DoctorLocation } from '@commonTuna/react/objects/DoctorLocation';\n\nimport { capitalizeFirstLetter } from '@app/components/Utils';\nimport ImageWithSkeleton from '@app/components/UI/ImageWithSkeleton/ImageWithSkeleton';\nimport LocationName from '@app/components/UI/LocationName/LocationName';\nimport { useReduxContext } from '@app/hooks/useReduxContext';\n\nimport '@app/scss/pages/doctorList.scss';\n\nconst Doctors: React.FC = () => {\n\tconst { t, i18n } = useTranslation();\n\n\tconst langString = capitalizeFirstLetter(i18n.language);\n\n\tconst title = t('seo.doctorsPage.title');\n\n\tconst { offices } = useReduxContext();\n\n\treturn <ServerPageProvider\n\t\tinner={(serverPage) =>\n\t\t\t<div className=\"doctors-page inner-page container\">\n\t\t\t\t<BreadCrumbs\n\t\t\t\t\ttitle={title}\n\t\t\t\t\tlinks={[{ title: t('seo.practicePage.title'), path: t('seo.practicePage.link') }]}\n\t\t\t\t/>\n\t\t\t\t<div className=\"inner-page__headline text-center\">\n\t\t\t\t\t<h1>{title}</h1>\n\t\t\t\t</div>\n\t\t\t\t{serverPage.items && serverPage.items.list.map((doctor: Doctor) => {\n\t\t\t\t\tif (!doctor[`name${langString}`] || doctor[`name${langString}`] === ' ') {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst path = doctor[`path${langString}`];\n\n\t\t\t\t\treturn <div className=\"doctor-card clearfix\" key={doctor.id}>\n\t\t\t\t\t\t{path\n\t\t\t\t\t\t\t? <LinkWithLang to={`doctor/${path}`} className=\"doctor-card__image\">\n\t\t\t\t\t\t\t\t<img src={doctor.originalAvatar || doctor.avatar} alt=\"Doctor avatar\" />\n\t\t\t\t\t\t\t\t{doctor.certificates?.length > 0\n\t\t\t\t\t\t\t\t&& <div className=\"doctor-certificates\">\n\t\t\t\t\t\t\t\t\t{doctor.certificates\n\t\t\t\t\t\t\t\t\t\t.filter((item) => item.certificate.image)\n\t\t\t\t\t\t\t\t\t\t.map((item, i) =>\n\t\t\t\t\t\t\t\t\t\t\t<div key={item.id} className=\"certificate-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ImageWithSkeleton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={item.certificate.name}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={imageSize(item.certificate.image, '_thumb')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\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\t}\n\t\t\t\t\t\t\t</LinkWithLang>\n\t\t\t\t\t\t\t: <div className=\"doctor-card__image\">\n\t\t\t\t\t\t\t\t<img src={doctor.originalAvatar || doctor.avatar} alt=\"Doctor avatar\" />\n\t\t\t\t\t\t\t\t{doctor.certificates?.length > 0\n\t\t\t\t\t\t\t\t&& <div className=\"doctor-certificates\">\n\t\t\t\t\t\t\t\t\t{doctor.certificates\n\t\t\t\t\t\t\t\t\t\t.filter((item) => item.certificate.image)\n\t\t\t\t\t\t\t\t\t\t.map((item, i) =>\n\t\t\t\t\t\t\t\t\t\t\t<div key={item.id} className=\"certificate-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ImageWithSkeleton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={item.certificate.name}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={imageSize(item.certificate.image, '_thumb')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\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\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<div className=\"doctor-card__body\">\n\t\t\t\t\t\t\t{path\n\t\t\t\t\t\t\t\t? <LinkWithLang to={`doctor/${path}`} className=\"doctor-card__name inner-page__headline\">\n\t\t\t\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t\t\t\t{doctor[`name${langString}`]}\n\t\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t\t</LinkWithLang>\n\t\t\t\t\t\t\t\t: <h2>\n\t\t\t\t\t\t\t\t\t{doctor[`name${langString}`]}\n\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<div className=\"doctor-card__professions mobile-hidden\">\n\t\t\t\t\t\t\t\t{doctor.professions && doctor.professions.map((profession: DoctorProfession, index: number) => (\n\t\t\t\t\t\t\t\t\tprofession.profession[`name${langString}`] + (index !== doctor.professions.length - 1 ? ', ' : '')\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"doctor-card__location inline-tags mobile-hidden\">\n\t\t\t\t\t\t\t\t{doctor.locations && doctor.locations.map((location: DoctorLocation, index: number) =>\n\t\t\t\t\t\t\t\t\t<span className=\"inline-tag\" key={location.id}>\n\t\t\t\t\t\t\t\t\t\t<LocationName item={offices.find((office) => office.id === location.location.id) || location.location} />\n\t\t\t\t\t\t\t\t\t</span>)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"doctor-card__tags mobile-show inline-tags clearfix\">\n\t\t\t\t\t\t\t\t{doctor.professions && doctor.professions.map((profession: DoctorProfession, index: number) =>\n\t\t\t\t\t\t\t\t\t<div className=\"doctor-card__professions\" key={profession.id}>\n\t\t\t\t\t\t\t\t\t\t{profession.profession[`name${langString}`] + (index !== doctor.professions.length - 1 ? ', ' : '')}\n\t\t\t\t\t\t\t\t\t</div>)}\n\t\t\t\t\t\t\t\t{doctor.locations && doctor.locations.map((location: DoctorLocation, index: number) =>\n\t\t\t\t\t\t\t\t\t<span className=\"inline-tag\" key={location.id}>\n\t\t\t\t\t\t\t\t\t\t<LocationName item={offices.find((office) => office.id === location.location.id) || location.location} />\n\t\t\t\t\t\t\t\t\t</span>)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{doctor[`description${langString}`]\n\t\t\t\t\t\t\t&& <div\n\t\t\t\t\t\t\t\tclassName=\"doctor-card__description external-html\"\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: doctor[`description${langString}`] }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>;\n\t\t\t\t})}\n\t\t\t</div>}\n\t/>;\n};\n\nexport default Doctors;\n"],"names":["_useTranslation","useTranslation","t","i18n","langString","capitalizeFirstLetter","language","title","offices","useReduxContext","React","ServerPageProvider","inner","serverPage","className","BreadCrumbs","links","path","items","list","map","doctor","_doctor$certificates","_doctor$certificates2","concat","key","id","LinkWithLang","to","src","originalAvatar","avatar","alt","certificates","length","filter","item","certificate","image","i","ImageWithSkeleton","name","imageSize","professions","profession","index","locations","location","LocationName","find","office","dangerouslySetInnerHTML","__html"],"sourceRoot":""}