diff --git a/plugins/catalog/src/components/CatalogTable/CatalogTable.tsx b/plugins/catalog/src/components/CatalogTable/CatalogTable.tsx index 27793c81b1..b5afbcaa0b 100644 --- a/plugins/catalog/src/components/CatalogTable/CatalogTable.tsx +++ b/plugins/catalog/src/components/CatalogTable/CatalogTable.tsx @@ -127,7 +127,7 @@ export const CatalogTable = ({ const isStarred = isStarredEntity(rowData); return { cellStyle: { paddingLeft: '1em' }, - icon: favouriteEntityIcon(isStarred), + icon: () => favouriteEntityIcon(isStarred), tooltip: favouriteEntityTooltip(isStarred), onClick: () => toggleStarredEntity(rowData), }; diff --git a/plugins/catalog/src/components/FavouriteEntity/FavouriteEntity.tsx b/plugins/catalog/src/components/FavouriteEntity/FavouriteEntity.tsx index 0f608836a9..bd2c71891d 100644 --- a/plugins/catalog/src/components/FavouriteEntity/FavouriteEntity.tsx +++ b/plugins/catalog/src/components/FavouriteEntity/FavouriteEntity.tsx @@ -15,7 +15,7 @@ */ import React, { ComponentProps } from 'react'; -import { IconButton, Tooltip, withStyles, SvgIcon } from '@material-ui/core'; +import { IconButton, Tooltip, withStyles } from '@material-ui/core'; import StarBorder from '@material-ui/icons/StarBorder'; import Star from '@material-ui/icons/Star'; import { useStarredEntities } from '../../hooks/useStarredEntites'; @@ -33,7 +33,7 @@ export const favouriteEntityTooltip = (isStarred: boolean) => isStarred ? 'Remove from favorites' : 'Add to favorites'; export const favouriteEntityIcon = (isStarred: boolean) => - isStarred ? YellowStar : StarBorder; + isStarred ? : ; /** * IconButton for showing if a current entity is starred and adding/removing it from the favourite entities @@ -49,7 +49,7 @@ export const FavouriteEntity: React.FC = props => { onClick={() => toggleStarredEntity(props.entity)} > - + {favouriteEntityIcon(isStarred)} );