-
Notifications
You must be signed in to change notification settings - Fork 5
[FIL-837] Add countdown and change default allocation type #195
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
0f9ada5
to
8115719
Compare
src/components/Countdown.tsx
Outdated
Direct client allocation will be deprecated in{' '} | ||
<span className="inline-block text-center" style={{ width: '90px' }}> | ||
{timeLeft.days}:{timeLeft.hours}:{timeLeft.minutes}:{timeLeft.seconds} | ||
</span> | ||
. Start using the Client smart contract today. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Direct client allocation will be deprecated in{' '} | |
<span className="inline-block text-center" style={{ width: '90px' }}> | |
{timeLeft.days}:{timeLeft.hours}:{timeLeft.minutes}:{timeLeft.seconds} | |
</span> | |
. Start using the Client smart contract today. | |
Direct allocation of DataCap will be deprecated in{' '} | |
<span class="whitespace-nowrap">{timeLeft.days} days</span> (June 1). Start using the Client smart contract today. |
Reasons:
- Numbers in countdown are confusing.
24:10:24:02
? Users will need to guess what it means - Some (me :D) will prefer explicit date.
Direct client allocation
sounds confusing. We're not allocating clients, we're allocating datacap.- Why the fixed width and inline-block and text-center? I assume it was to prevent breaking the text over new line.
whitespace-nowrap
seems better for that purpose. If the reason was different please explain.
src/components/Countdown.tsx
Outdated
Direct client allocation will be deprecated in{' '} | ||
<span className="inline-block text-center" style={{ width: '90px' }}> | ||
{timeLeft.days}:{timeLeft.hours}:{timeLeft.minutes}:{timeLeft.seconds} | ||
</span> | ||
. Start using the Client smart contract today. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We need to add a link to instruction/more in-depth explanation.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The link to the instructions will be added once the instructions are ready.
src/components/cards/AppInfoCard.tsx
Outdated
@@ -1046,6 +1046,7 @@ const AppInfoCard: React.FC<ComponentProps> = ({ | |||
/> | |||
)} | |||
</CardContent> | |||
<Countdown /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Let's move it to the modal where allocator chooses contract vs direct.
src/components/Countdown.tsx
Outdated
} | ||
}, []) | ||
|
||
if (!isMounted) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Any reason to do that?
Uh oh!
There was an error while loading. Please reload this page.