diff --git a/src/components/Modal/QuickCreatePlace/quickCreatePlace.css b/src/components/Modal/QuickCreatePlace/quickCreatePlace.css index 7d5871782..0dd30eee5 100644 --- a/src/components/Modal/QuickCreatePlace/quickCreatePlace.css +++ b/src/components/Modal/QuickCreatePlace/quickCreatePlace.css @@ -26,3 +26,8 @@ font-size: 16px; color: #646d7b; } + +.quick-create-place-modal-wrapper .ant-dropdown-menu-item-selected { + color: #0f0e98; + background-color: #eff2ff; +} diff --git a/src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx b/src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx index 709778d74..7327e61c9 100644 --- a/src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx +++ b/src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx @@ -11,7 +11,10 @@ import { useSelector } from 'react-redux'; import { getUserDetails } from '../../../redux/reducer/userSlice'; import { taxonomyClass } from '../../../constants/taxonomyClass'; import { useGetAllTaxonomyQuery } from '../../../services/taxonomy'; -import { treeDynamicTaxonomyOptions } from '../../../components/TreeSelectOption/treeSelectOption.settings'; +import { + treeDynamicTaxonomyOptions, + treeTaxonomyOptions, +} from '../../../components/TreeSelectOption/treeSelectOption.settings'; import Tags from '../../../components/Tags/Common/Tags'; import TreeSelectOption from '../../../components/TreeSelectOption/TreeSelectOption'; import FeatureFlag from '../../../layout/FeatureFlag/FeatureFlag'; @@ -20,6 +23,7 @@ import { useGetPersonQuery } from '../../../services/people'; import ArtsDataInfo from '../../../components/ArtsDataInfo/ArtsDataInfo'; import { artsDataLinkChecker } from '../../../utils/artsDataLinkChecker'; import Breadcrumbs from '../../../components/Breadcrumbs/Breadcrumbs'; +import { taxonomyDetails } from '../../../utils/taxonomyDetails'; function PersonReadOnly() { const { t } = useTranslation(); @@ -140,6 +144,33 @@ function PersonReadOnly() { )} )} + {personData?.occupation.length > 0 && ( +
+

+ {taxonomyDetails(allTaxonomyData?.data, user, 'Occupation', 'name', false)} +

+ { + return type?.entityId; + })} + tagRender={(props) => { + const { label } = props; + return {label}; + }} + /> +
+ )} {personData?.dynamicFields?.length > 0 && ( {allTaxonomyData?.data?.map((taxonomy, index) => {