{"version":3,"file":"chunks/DoctorListPage.chunk.c567647811a44ee32e2f.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';\nimport { shallowEqual, useSelector } from 'react-redux';\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 '@app/scss/pages/doctorList.scss';\nimport { capitalizeFirstLetter } from '@app/components/Utils';\nimport { ApplicationState } from '@app/store';\nimport ImageWithSkeleton from '@app/components/UI/ImageWithSkeleton/ImageWithSkeleton';\nimport LocationName from '@app/components/UI/LocationName/LocationName';\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\tconst offices = useSelector((state: ApplicationState) => state.offices.items, shallowEqual);\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, index: number) => {\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={index}>\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","useSelector","state","items","shallowEqual","React","ServerPageProvider","inner","serverPage","className","BreadCrumbs","links","path","list","map","doctor","index","_doctor$certificates","_doctor$certificates2","concat","key","LinkWithLang","to","src","originalAvatar","avatar","alt","certificates","length","filter","item","certificate","image","i","id","ImageWithSkeleton","name","imageSize","professions","profession","locations","location","LocationName","find","office","dangerouslySetInnerHTML","__html"],"sourceRoot":""}