From 2b733d9d39a0a3584441a935dc09c45d586f4e34 Mon Sep 17 00:00:00 2001
From: djamaile <rdjamaile@gmail.com>
Date: Tue, 12 Apr 2022 13:51:38 +0200
Subject: [PATCH] feat(home): give star icon yellow color to make it consistent

Signed-off-by: djamaile <rdjamaile@gmail.com>
---
 .changeset/metal-pants-fly.md                                | 5 +++++
 packages/app/src/components/home/HomePage.tsx                | 4 ++++
 .../home/src/homePageComponents/StarredEntities/Content.tsx  | 3 +--
 3 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/metal-pants-fly.md

diff --git a/.changeset/metal-pants-fly.md b/.changeset/metal-pants-fly.md
new file mode 100644
index 0000000000..b0cc7afaa3
--- /dev/null
+++ b/.changeset/metal-pants-fly.md
@@ -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
diff --git a/packages/app/src/components/home/HomePage.tsx b/packages/app/src/components/home/HomePage.tsx
index 6c8867ac28..2cd5481c91 100644
--- a/packages/app/src/components/home/HomePage.tsx
+++ b/packages/app/src/components/home/HomePage.tsx
@@ -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>
diff --git a/plugins/home/src/homePageComponents/StarredEntities/Content.tsx b/plugins/home/src/homePageComponents/StarredEntities/Content.tsx
index 6c9775c842..e82d915e3b 100644
--- a/plugins/home/src/homePageComponents/StarredEntities/Content.tsx
+++ b/plugins/home/src/homePageComponents/StarredEntities/Content.tsx
@@ -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>