Resolve Todo at src/components/BugBountyCards.js:111 on dev Branch

[Hakeemmidan]

Is your feature request related to a problem? Please describe.

Not really a problem. Just some syntax clean-up.

I'd like to resolve the todo at src/components/BugBountyCards.js:111 on the dev branch:

// TODO move data into array & loop through
const BugBountyCards = () => (
  <CardRow>
    <Card>
      <LowLabel>
        <Translation id="page-eth2-bug-bountycard-label-1" />
  // ...

Describe the solution you'd like
Associate an index number (starting from 0) with each card and do string interpolation to change the id during the iteration. E.g.

{[0,1,2,3].map((i) => {
  <CardRow>
    <Card>
      <LowLabel>
        <Translation id=`page-eth2-bug-bountycard${i}-lowlabel` />
  // ...
})}

Nevertheless, that wouldn't work with some IDs that use words instead of numbers, such as "page-eth2-bug-bountycard-low", and each card's link. So I'd need to change those IDs to just use numbers instead of words, and have a simple array of links that has an index that's the same as its parent-card index number.

Describe alternatives you've considered
Move all existing data into an array of objects, and iterate through them.

It'd be something like this:

const bugBountyCardsInfo = [
  {
    lowLabelId: 'page-eth2-bug-bountycard-label-1',
    titleId: 'page-eth2-bug-bountycard-low',
    // ...
  },
  // ...
  {
    lowLabelId: 'page-eth2-bug-bountycard-label-7',
    titleId: 'page-eth2-bug-bountycard-critical',
    // ...
  },
  // ...
];

Which seems a little more verbose.

Additional context

(page screenshot)

[Hakeemmidan]

I'd like to be assigned to this issue (if possible) ( ^___^ )

[minimalsm]

Hey @Hakeemmidan. Thanks for offering to help on this.

I agree we should refactor this (as per the todo). However because of how the translations work on ethereum.org it would be a lot of overhead to rename the labels. I think moving data into an array of objects and mapping through them is what we were looking for here.

[github-actions]

This issue is stale because it has been open 45 days with no activity.

[ShubhankarKG]

Hey @Hakeemmidan , still working on this ? If not, can I pick this one up ?

[Hakeemmidan]

Hi @ShubhankarKG, thank you for reaching out! = )
Yes, I'm still working. (Kind of got busy with another task.) I'll try to get it done this week (by end of day, Sunday, 12/26/2021). If I don't, I'll pass it on to you. Thanks again ( ^__^ )