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