Header - New Header

[jonsnowpt]

📝 DESCRIPTION

So that we can move on to get out of the BETA stage and we can integrate the new competitions section, we will be changing the header.

---

📱 TARGET PLATFORMS

Available on all versions.

---

ℹ️ OTHER CONDITIONS (& RELEVANT INFO)

What changes:

1. The Dark and Light theme will be changed;
2. A currency option is going to be added;
3. Top options are included for each one of the platform sections;
4. The decimal option will be hidden for now since this option is not yet ready;
5. Other sports links are also removed;
6. The BTA CTA and balance are not visible at this time, they will be added after releasing the Deposit and Withdrawal options;

---

Versions:

Available on Dark and Light Theme;

---

💠 HEADER DATA

➤ Hasura

table	columns
scores_header_translations	sections links

---

🎏 TRANSLATIONS

Translations endpoint

table	columns
scores_header_translations	sections links

---

⚡️ CACHE

The same methodology that we have at this time.

---

🔎 SEO

The three links for each one of the platform sections should be available for SEO purposes:

Scores
Sports Content
Competitions

---

Resources

Figma Design:

https://www.figma.com/file/4SlIPyxRBX2qg1eLaPUk9U/BetArena-%2F-Desktop?type=design&node-id=32%3A1635&t=2QY846g1g8nau4Zs-1

[jonsnowpt]

@migbash

BEFORE LOGIN:

• [x] 1. Both borders should be full-width;
• [x] 2. The decimal option will be hidden for now;
• [x] 3. The currency option will not have the dropdown option at this time;
• [x] 4. We are missing the hovers on top of all options;
• [x] 5. The football option shouldn't have the disabled mouse pointer;
• [x] 7. Missing the mouse pointer over the theme color selection;
• [x] 8. Sports Content option "_blank";
• [x] 9. Languages selection is very slow;
• [x] 10. Soon should be translated (use the same endpoint we used for the other legacy header);
• [x] 11. "Football" is missing the translation;
• [x] 12. "Casas de Apostas is shown in 2 lines for the "BR" version;
• [x] 13. Disable the competitions link until we have one;

AFTER LOGIN:

• [x] 14. Buy BTA should be hidden for now since we do not have this option at this time;

Images:

[jonsnowpt]

@migbash

• [x] 3. The dropdown option is not shown, but the USD information should be available;
• [x] 4. They are still missing the hovers. Can we animate the arrow to move to the right and left when we hover through the options?
• [x] 5. Still missing the hover, mouse pointer and correct link;
• [x] 15. Bookmakers and balance are not correctly aligned;
• [x] 16. Change border width to 0.5px instead of 1.0px;

[jonsnowpt]

• [x] 4. The idea of the arrow is to move, not appear and disappear; it should smoothly move on the mouse hover for each of the elements;
• [x] 5. Still missing the hover and link;

[jonsnowpt]

• [x] 17. Arrow is not centered with the menu title;
• [x] 18. Profile area does not have any section options;
• [x] 4. The decimal option should also be hidden on mobile and tablet;
• [x] 19. Not working correctly on the tablet;

18.

4

19.

[jonsnowpt]

• [x] 20 wrong link here;
• [x] 21. Since we are on the profile section, we are not in any of the other sections, so the arrow should be hidden (appear on the hover), and also the color should be the same for all;
• [x] 22. Mobile align elements right;
• [x] 23. SEO issues, all meta information is missing;
• [x] 24. Missing HREFLANG, something is messed with the HTML;

20.

21.

22.

FIGMA:

23.

[jonsnowpt]

@migbash

• [x] 25. The football icon is now the wrong color;
• [x] 26. Scores link is _self, not _blank;