From 2a5bc9f0f24c36890b81bbf4e72632fb00c7d65f Mon Sep 17 00:00:00 2001 From: Fabian Schmidt <fabian@ds-fs.de> Date: Fri, 4 Jun 2021 15:33:09 +0200 Subject: [PATCH] relationStatus on SingleView --- src/components/Sidebar/SidebarSingleView.tsx | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/src/components/Sidebar/SidebarSingleView.tsx b/src/components/Sidebar/SidebarSingleView.tsx index 64645a5..f60e937 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) => ( -- GitLab