[DDW-675] Catalyst dynamic content

[lucas-barros]

This PR changes how catalyst fund information are retrieved, from hard coded values to values fetched from catalyst API. A new message was added in case of errors when retrieving data from API.

To force switch between phases during tests:
window.daedalus.stores.voting._checkFundPhase(new Date('Jan 20, 2022, 11:00 UTC'))
To force API error message:
window.daedalus.stores.voting._checkFundPhase()
Access voting screen on testnet
daedalus.stores.app._updateRouteLocation({route: "/voting/registration"})

Phases
Snapshot: Jan 6, 2022, 11:00 UTC
Voting: Jan 20, 2022, 11:00 UTC - Feb 3, 2022, 10:59 UTC
Tallying: Feb 3, 2022, 11:00 UTC - Feb 9, 2022, 23:59 UTC
Results: Feb 10, 2022

Data fetched from API:

• Current fund number
• Current fund start date
• Current fund end date
• Current fund results date
• Current fund snapshot date
• Next fund number
• Next fund snapshot date

Data not present on API

• Fund rewards

Screens affected:

• Voting screen (fund name/number and dates)
• Voting registration dialog steps (fund number)

Todos

• TODO

Screenshots

Testing Checklist

• Slack QA thread
• Test

---

Test Scenario

Validate voting when API is unavailable

Given that I am on the voting screen
When I ran the following command to force the API to return no date
 
"window.daedalus.stores.voting._checkFundPhase()"

Then I can see there is a message on the screen that indicates the API is unavailable
And the current phase info and the register option are no longer visible

---

Review Checklist

Basics

• PR assigned to the PR author(s)
• input-output-hk/daedalus-dev and input-output-hk/daedalus-qa assigned as PR reviewers
• If there are UI changes, Alexander Rukin assigned as an additional reviewer
• All visual regression testing has been reviewed (assign run Chromatic label to PR to trigger the run)
• PR has appropriate labels (release-vNext, feature/bug/chore, WIP)
• PR link is added to a Jira ticket, ticket moved to In Review
• PR is updated to the most recent version of the target branch (and there are no conflicts)
• PR has a good description that summarizes all changes
• PR contains screenshots (in case of UI changes)
• CHANGELOG entry has been added to the top of the appropriate section (Features, Fixes, Chores) and is linked to the correct PR on GitHub
• There are no missing translations (running yarn manage:translations produces no changes)
• Text changes are proofread and approved (Jane Wild / Amy Reeve)
• Japanese text changes are proofread and approved (Junko Oda)
• Storybook works and no stories are broken (yarn storybook)
• In case of dependency changes yarn.lock file is updated

Code Quality

• Important parts of the code are properly commented and documented
• Code is properly typed with typescript types
• React components are split-up enough to avoid unnecessary re-renderings
• Any code that only works in main process is neatly separated from components

Testing

• New feature/change is covered by acceptance tests
• New feature/change is manually tested and approved by QA team
• All existing acceptance tests are still up-to-date
• New feature/change is covered by Daedalus Testing scenario
• All existing Daedalus Testing scenarios are still up-to-date

After Review

• Update Slack QA thread by marking it with a green checkmark

[renanvalentin]

Hey @lucas-barros great job! This feature will be valuable for next catalyst funds. 🚀

[alexander-rukin]

@lucas-barros is it worth adding "api error" state to storybook?

[alexander-rukin]

https://zpl.io/Pqz9Ymm Can you pls also update title to be semibold like in designs (it also should be fixed for those titles "Fund7" "Fund8" as they use same style)

@daniloprates my suggestion is to swap medium and light highlighting and add dots "." in the end of sencences. Wdyt?

[lucas-barros]

https://zpl.io/Pqz9Ymm Can you pls also update title to be semibold like in designs (it also should be fixed for those titles "Fund7" "Fund8" as they use same style)

@daniloprates my suggestion is to swap medium and light highlighting and add dots "." in the end of sencences. Wdyt?

@alexander-rukin I've made the updates. Storybook also.

[alexander-rukin]

looks good

[alexander-rukin]

noticed that title is not per design it's 19px font size -> should be 18px and it lacks letter-spacing

you can fix it here or pls create a card for this

[szymonmaslowski]

Nice work 🚀 Just few comments/suggestions.

[ManusMcCole]

Looks good 👍