Problems pattern frequency doesn't show colors for new companies about leetcode-patterns HOT 6 OPEN

The issue is in this line:

The colors will only show up if a given company has a category of questions (e.g. heap) that has a frequency of at least three. I tested this with Airbnb by adding the company and the "Heap" pattern to the first question in questions.json (Contains Duplicate), and the colors immediately show for all of them.

How do we want the colors to be in these cases?

from leetcode-patterns.

Steps to reproduce:

1. Select any company from the dropdown list under Companies
2. Observe the pills under Problems pattern frequency

Possibly related to either https://github.com/seanprashad/leetcode-patterns/pull/214/files#diff-9aa6b25aa4aab24215ebcedc56e0ff3c2a2e481a30b42eb3ca0fcce2c7752789R402 or #227

from leetcode-patterns.

One problem that I see here is from a UX perspective - the colouring is also used in the Difficulty column to denote Easy/Medium/Hard questions.

Here, we use the same colour schema, but for a different purpose:

Since we have two different contexts, we should look into a better colouring scheme when revisiting this!

from leetcode-patterns.

More breadcrumbs:

from leetcode-patterns.

Looks like some companies, like Apple, show up correctly:

from leetcode-patterns.

How do we want the colors to be in these cases?

Hmm well, I'm not sure to be honest. Ideally, I think some sort of coloured gradient would look nice, where a darker shade maps to a pattern that is more frequent. There's a bunch of websites to help do the CSS, like https://coolors.co/gradient-maker.

Edit: On second thought, let's choose something easy - red if the frequency is >=5 and orange for everything else. We can fiddle around with an appropriate colour scheme after fixing this bug!

from leetcode-patterns.