fix error reading empty matches & team cards bug

[felipetodev]

• [x] fix error reading empty pending matches in NextMatchesTable
• [x] fix unclosed div fixing TeamsSelectorCards bug

Fixes: https://github.com/midudev/kings-league-project/issues/277

Screenshot:

1. NextMatchesTable

2. TeamsSelectorCards bug

[PChaparro]

Hi @felipetodev, What do you think about add something like the following code instead of the optional chaining to avoid render an empty header:

{
    firstDayWithPendingMatches && (
        <div class='relative overflow-x-auto shadow-md sm:rounded-lg'>
                ...
        </div>
    )
}

[felipetodev]

Hi @felipetodev, What do you think about add something like the following code instead of the optional chaining to avoid render an empty header:

{
  firstDayWithPendingMatches && (
      <div class='relative overflow-x-auto shadow-md sm:rounded-lg'>
                ...
      </div>
  )
}

you right! thanks 4 the advice @PChaparro ✌️

[PChaparro]

@felipetodev Can you confirm if closing the non closed <div> tag fixes the #277 issue?

[felipetodev]

@felipetodev Can you confirm if closing the non closed <div> tag fixes the #277 issue?

Yes, closing that div that section works correctly

[PChaparro]

Yes, closing that div that section works correctly

Nice! Can you add the issue number on the pull request description? That will make the issue to close automatically when this pull request goes merged.

You can add it like this:

Fixes: # 277

(Remove the space between the # and the number).

[felipetodev]

Yes, closing that div that section works correctly

Nice! Can you add the issue number on the pull request description? That will make the issue to close automatically when this pull request goes merged.

You can add it like this:

Fixes: # 277

(Remove the space between the # and the number).

Ready. Thank you! @PChaparro 🫰