minor fix -- missing margin bottom for orphan favorites (#9111)

this PR is a followup of the favorites followups which was the follow-up
of some other PR :)
This commit is contained in:
nitin
2024-12-18 13:57:29 +05:30
committed by GitHub
parent e0f1db2ed3
commit 8623585106

View File

@ -17,6 +17,10 @@ const StyledEmptyContainer = styled.div`
width: 100%; width: 100%;
`; `;
const StyledOrphanFavoritesContainer = styled.div`
margin-bottom: ${({ theme }) => theme.betweenSiblingsGap};
`;
export const CurrentWorkspaceMemberOrphanFavorites = () => { export const CurrentWorkspaceMemberOrphanFavorites = () => {
const { sortedFavorites: favorites } = useFavorites(); const { sortedFavorites: favorites } = useFavorites();
const { deleteFavorite } = useDeleteFavorite(); const { deleteFavorite } = useDeleteFavorite();
@ -38,24 +42,26 @@ export const CurrentWorkspaceMemberOrphanFavorites = () => {
index={index} index={index}
isInsideScrollableContainer={true} isInsideScrollableContainer={true}
itemComponent={ itemComponent={
<NavigationDrawerItem <StyledOrphanFavoritesContainer>
label={favorite.labelIdentifier} <NavigationDrawerItem
Icon={() => <FavoriteIcon favorite={favorite} />} label={favorite.labelIdentifier}
active={isLocationMatchingFavorite( Icon={() => <FavoriteIcon favorite={favorite} />}
currentPath, active={isLocationMatchingFavorite(
currentViewPath, currentPath,
favorite, currentViewPath,
)} favorite,
to={favorite.link} )}
rightOptions={ to={favorite.link}
<LightIconButton rightOptions={
Icon={IconHeartOff} <LightIconButton
onClick={() => deleteFavorite(favorite.id)} Icon={IconHeartOff}
accent="tertiary" onClick={() => deleteFavorite(favorite.id)}
/> accent="tertiary"
} />
isDragging={isDragging} }
/> isDragging={isDragging}
/>
</StyledOrphanFavoritesContainer>
} }
/> />
)) ))