feat(home): give star icon yellow color to make it consistent

Signed-off-by: djamaile <rdjamaile@gmail.com>
This commit is contained in:
djamaile
2022-04-12 13:51:38 +02:00
parent b76e77546d
commit 2b733d9d39
3 changed files with 10 additions and 2 deletions
+5
View File
@@ -0,0 +1,5 @@
---
'@backstage/plugin-home': patch
---
star icons now have the same yellow color as the other star icons when a entity is favourited
@@ -22,6 +22,7 @@ import {
WelcomeTitle,
HeaderWorldClock,
ClockConfig,
HomePageStarredEntities,
} from '@backstage/plugin-home';
import { Content, Header, Page } from '@backstage/core-components';
import { HomePageSearchBar } from '@backstage/plugin-search';
@@ -104,6 +105,9 @@ export const homePage = (
<Grid item xs={12} md={4}>
<HomePageCalendar />
</Grid>
<Grid item xs={12} md={4}>
<HomePageStarredEntities />
</Grid>
</Grid>
</Content>
</Page>
@@ -38,7 +38,6 @@ import React from 'react';
*
* @public
*/
export const Content = () => {
const catalogEntityRoute = useRouteRef(entityRouteRef);
const { starredEntities, toggleStarredEntity } = useStarredEntities();
@@ -64,7 +63,7 @@ export const Content = () => {
aria-label="unstar"
onClick={() => toggleStarredEntity(entity)}
>
<StarIcon />
<StarIcon style={{ color: '#f3ba37' }} />
</IconButton>
</Tooltip>
</ListItemSecondaryAction>