Added shortcut to today's date in Fresh Releases using a Calendar Ico…

[granth23]

Problem

LB-1528: Add shortcut to today's date in Fresh Releases

Solution

Added a calendar icon in the datewise scroll bar as a ticker to directly refer to today's date.

Action

• Let me know if any additional details or corrections are required.
• If the changes look good, kindly proceed with merging the PR.

[MonkeyDo]

Looking good, thanks for working on this it will improve the page straight away!

[MonkeyDo]

We have a constant COLOR_LB_BLUE , which you can import from frontend/js/src/utils/constants.ts
Also you can directly use the color prop instead of style:
color={COLOR_LB_BLUE}

[granth23]

Thanks for the suggestion

[granth23]

Made the necessary changes, thanks for the suggestion

[MonkeyDo]

I had another read through the code and I figured we can simplify this quite a lot thanks to a utility function from the date-fns library that we use in LB:
https://date-fns.org/v4.1.0/docs/isToday

From testing in the console on their website, it should be as simple as doing:

and removing today, todayString and formattedTodayString.

Of course you'll need to import { isToday } from "date-fns";

    const filteredDates = Object.keys(releasesPerDate).filter((date) =>
      !isToday(new Date(date))
        ? releasesPerDate[date] >= minReleasesThreshold
        : releasesPerDate[date] > 0
    );

    dataArr = filteredDates.map((item) =>
      isToday(new Date(item)) ? (
        <FontAwesomeIcon
          icon={faCalendarCheck}
          size="2xl"
          color={COLOR_LB_BLUE}
        />
      ) : (
        formatReleaseDate(item)
      )
    );

[MonkeyDo]

This might be more appropriate:

Suggested change

	let dataArr: Array<React.ReactNode> = [];
	let dataArr: Array<string | JSX.Element> = [];