0125d58ba8
closes - #5755 --------- Co-authored-by: martmull <martmull@hotmail.fr> Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com> Co-authored-by: Charles Bochet <charles@twenty.com>
28 lines
956 B
TypeScript
28 lines
956 B
TypeScript
import { ProcessedFavorite } from '@/favorites/utils/sortFavorites';
|
|
import { useGetStandardObjectIcon } from '@/object-metadata/hooks/useGetStandardObjectIcon';
|
|
import { useTheme } from '@emotion/react';
|
|
import { Avatar, useIcons } from 'twenty-ui';
|
|
|
|
export const FavoriteIcon = ({ favorite }: { favorite: ProcessedFavorite }) => {
|
|
const theme = useTheme();
|
|
const { getIcon } = useIcons();
|
|
const { Icon: StandardIcon, IconColor } = useGetStandardObjectIcon(
|
|
favorite.objectNameSingular || '',
|
|
);
|
|
const IconToUse =
|
|
StandardIcon || (favorite.Icon ? getIcon(favorite.Icon) : undefined);
|
|
const iconColorToUse = StandardIcon ? IconColor : theme.font.color.secondary;
|
|
|
|
return (
|
|
<Avatar
|
|
size="md"
|
|
type={favorite.avatarType}
|
|
Icon={IconToUse}
|
|
iconColor={iconColorToUse}
|
|
avatarUrl={favorite.avatarUrl}
|
|
placeholder={favorite.labelIdentifier}
|
|
placeholderColorSeed={favorite.recordId}
|
|
/>
|
|
);
|
|
};
|