diff --git a/src/components/Sidebar/SidebarSingleView.tsx b/src/components/Sidebar/SidebarSingleView.tsx index 64645a5d5683ddba23c3c3fc074f041287591403..f60e93757448f482348bc1d37eeb4aae1aae57bd 100644 --- a/src/components/Sidebar/SidebarSingleView.tsx +++ b/src/components/Sidebar/SidebarSingleView.tsx @@ -1,4 +1,8 @@ -import { HomeOutline as HomeIcon, LocationMarkerOutline as AddressIcon } from 'heroicons-react'; +import { + HomeOutline as HomeIcon, + LocationMarkerOutline as AddressIcon, + UserGroupOutline as RealtionStatusIcon, +} from 'heroicons-react'; import React from 'react'; import { useStore } from '../../hooks'; import SidebarContainer from './SidebarContainer'; @@ -53,6 +57,12 @@ const SidebarSingleView: React.FC = () => { <div className="text-sm text-gray-500">{selectedPoi?.address}</div> </div> )} + {selectedPoi?.relationStatus && ( + <div className={'flex items-center mt-3'}> + <RealtionStatusIcon size={18} className={'text-gray-500 mr-2'} /> + <div className="text-sm text-gray-500">{selectedPoi?.relationStatus}</div> + </div> + )} {!!selectedPoi?.tags?.length && ( <div className={'flex items-center mt-3 flex-wrap'}> {selectedPoi?.tags.map((tag) => (