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 09:27:29 +01:00
committed by GitHub
parent e0f1db2ed3
commit 8623585106
@@ -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,6 +42,7 @@ export const CurrentWorkspaceMemberOrphanFavorites = () => {
index={index} index={index}
isInsideScrollableContainer={true} isInsideScrollableContainer={true}
itemComponent={ itemComponent={
<StyledOrphanFavoritesContainer>
<NavigationDrawerItem <NavigationDrawerItem
label={favorite.labelIdentifier} label={favorite.labelIdentifier}
Icon={() => <FavoriteIcon favorite={favorite} />} Icon={() => <FavoriteIcon favorite={favorite} />}
@@ -56,6 +61,7 @@ export const CurrentWorkspaceMemberOrphanFavorites = () => {
} }
isDragging={isDragging} isDragging={isDragging}
/> />
</StyledOrphanFavoritesContainer>
} }
/> />
)) ))