Marketplace - agent page - star rating is not visible in dark mode

[ograce1421]

Describe your issue.

Star icons are not visible when in dark mode. Please update so that the color is the same as the neighboring elements

[Pawankalyan2023]

hey can i work on this issue ?

[Pawankalyan2023]

Can I get the file name where the issue arises and how to reproduce this ?

[Swiftyos]

It's this code from autogpt_platform/frontend/src/components/ui/icons.tsx

/**
* Generates an array of JSX elements representing star icons based on the average rating.
*
* @param avgRating - The average rating (0 to 5)
* @returns An array of star icons as JSX elements
*/
export function StarRatingIcons(avgRating: number): JSX.Element[] {
 const stars: JSX.Element[] = [];
 const rating = Math.max(0, Math.min(5, avgRating));
 for (let i = 1; i <= 5; i++) {
   if (i <= rating) {
     stars.push(<IconStarFilled key={i} className="text-black" />);
   } else {
     stars.push(<IconStar key={i} className="text-black" />);
   }
 }
 return stars;
}

Though we just removed the dark mode toggle for todays release, so you'd need to add the dark mode toggle back in to be able to test these changes.

We will include dark mode again when all the pages look good in dark mode