You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.3 KiB
47 lines
1.3 KiB
import React from 'react'
|
|
import { number } from '@storybook/addon-knobs/react'
|
|
import CountdownTimer from './countdown-timer'
|
|
|
|
export default {
|
|
title: 'CountdownTimer',
|
|
}
|
|
|
|
const getTimeStartedFromDecrimentSeconds = (seconds) => Date.now() - (seconds * 1000)
|
|
|
|
export const Default = () => {
|
|
const timeStartedSecondDecriment = number('Set timeStarted to curren time minus X seconds', 10)
|
|
|
|
return (
|
|
<CountdownTimer
|
|
timeStarted={getTimeStartedFromDecrimentSeconds(timeStartedSecondDecriment)}
|
|
timeOnly
|
|
/>
|
|
)
|
|
}
|
|
|
|
export const CustomTimerBase = () => {
|
|
const timeStartedSecondDecriment = number('Set timeStarted to curren time minus X seconds', 10)
|
|
|
|
return (
|
|
<CountdownTimer
|
|
timeStarted={getTimeStartedFromDecrimentSeconds(timeStartedSecondDecriment)}
|
|
timerBase={150000}
|
|
timeOnly
|
|
/>
|
|
)
|
|
}
|
|
|
|
// Label keys used in below stories are just for demonstration purposes
|
|
export const WithLabelInfoTooltipAndWarning = () => {
|
|
const timeStartedSecondDecriment = number('Set timeStarted to curren time minus X seconds', 0)
|
|
|
|
return (
|
|
<CountdownTimer
|
|
timeStarted={getTimeStartedFromDecrimentSeconds(timeStartedSecondDecriment)}
|
|
timerBase={20000}
|
|
labelKey="disconnectPrompt"
|
|
infoTooltipLabelKey="disconnectAllAccountsConfirmationDescription"
|
|
warningTime="0:15"
|
|
/>
|
|
)
|
|
}
|
|
|