1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-04 23:14:56 +01:00
metamask-extension/ui/pages/swaps/countdown-timer/countdown-timer.stories.js

64 lines
1.4 KiB
JavaScript
Raw Normal View History

import React from 'react';
import { number } from '@storybook/addon-knobs';
import CountdownTimer from './countdown-timer';
2020-10-06 20:28:38 +02:00
export default {
title: 'CountdownTimer',
};
2020-10-06 20:28:38 +02:00
2020-11-03 00:41:28 +01:00
const getTimeStartedFromDecrimentSeconds = (seconds) =>
Date.now() - seconds * 1000;
2020-10-06 20:28:38 +02:00
export const Default = () => {
2020-11-03 00:41:28 +01:00
const timeStartedSecondDecriment = number(
'Set timeStarted to curren time minus X seconds',
10,
);
2020-10-06 20:28:38 +02:00
return (
<CountdownTimer
2020-11-03 00:41:28 +01:00
timeStarted={getTimeStartedFromDecrimentSeconds(
timeStartedSecondDecriment,
)}
2020-10-06 20:28:38 +02:00
timeOnly
/>
);
};
2020-10-06 20:28:38 +02:00
export const CustomTimerBase = () => {
2020-11-03 00:41:28 +01:00
const timeStartedSecondDecriment = number(
'Set timeStarted to curren time minus X seconds',
10,
);
2020-10-06 20:28:38 +02:00
return (
<CountdownTimer
2020-11-03 00:41:28 +01:00
timeStarted={getTimeStartedFromDecrimentSeconds(
timeStartedSecondDecriment,
)}
2020-10-06 20:28:38 +02:00
timerBase={150000}
timeOnly
/>
);
};
2020-10-06 20:28:38 +02:00
// Label keys used in below stories are just for demonstration purposes
export const WithLabelInfoTooltipAndWarning = () => {
2020-11-03 00:41:28 +01:00
const timeStartedSecondDecriment = number(
'Set timeStarted to curren time minus X seconds',
0,
);
2020-10-06 20:28:38 +02:00
return (
<CountdownTimer
2020-11-03 00:41:28 +01:00
timeStarted={getTimeStartedFromDecrimentSeconds(
timeStartedSecondDecriment,
)}
2020-10-06 20:28:38 +02:00
timerBase={20000}
labelKey="disconnectPrompt"
infoTooltipLabelKey="disconnectAllAccountsConfirmationDescription"
warningTime="0:15"
/>
);
};