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:
@ -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>
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
))
|
))
|
||||||
|
|||||||
Reference in New Issue
Block a user