diff --git a/src/components/Map/Drawer/ReactionDrawer/ConnectedBioEntitiesList/ConnectedBioEntitiesList.component.tsx b/src/components/Map/Drawer/ReactionDrawer/ConnectedBioEntitiesList/ConnectedBioEntitiesList.component.tsx index 04c02e458ed6a5413190a0b832eb399ac6ef85f2..ea016f66f90120c15f6f9cd8524be5df020e48b8 100644 --- a/src/components/Map/Drawer/ReactionDrawer/ConnectedBioEntitiesList/ConnectedBioEntitiesList.component.tsx +++ b/src/components/Map/Drawer/ReactionDrawer/ConnectedBioEntitiesList/ConnectedBioEntitiesList.component.tsx @@ -4,6 +4,7 @@ import { } from '@/redux/bioEntity/bioEntity.selectors'; import { useAppSelector } from '@/redux/hooks/useAppSelector'; import { LoadingIndicator } from '@/shared/LoadingIndicator'; +import React from 'react'; import { BioEntitiesPinsListItem } from '../../SearchDrawerWrapper/BioEntitiesResultsList/BioEntitiesPinsList/BioEntitiesPinsListItem'; export const ConnectedBioEntitiesList = (): React.ReactNode => { @@ -17,6 +18,7 @@ export const ConnectedBioEntitiesList = (): React.ReactNode => { return ( <div> + <h3 className="mb-1 font-semibold">Reaction elements:</h3> {bioEntityData && bioEntityData.map(item => ( <BioEntitiesPinsListItem diff --git a/src/components/Map/Drawer/ReactionDrawer/ReactionDrawer.component.tsx b/src/components/Map/Drawer/ReactionDrawer/ReactionDrawer.component.tsx index 1965fc9d4aa92834f18afa2dec58cf6ca4a4f6f3..7f7e8f00be76dee0f34320b08a31654e4fc2e165 100644 --- a/src/components/Map/Drawer/ReactionDrawer/ReactionDrawer.component.tsx +++ b/src/components/Map/Drawer/ReactionDrawer/ReactionDrawer.component.tsx @@ -52,6 +52,7 @@ export const ReactionDrawer = (): React.ReactNode => { {referencesGrouped.map(group => ( <ReferenceGroup key={group.source} group={group} /> ))} + <hr className="border-b border-b-divide" /> <ConnectedBioEntitiesList /> {isCommentAvailable && <div className="font-bold"> Comments</div>} {isCommentAvailable &&