You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
import { isEmpty } from 'lodash';
|
|
import React from 'react';
|
|
import { TimerOptionsArray } from '../../../../../session/disappearing_messages/timerOptions';
|
|
import { PanelButtonGroup, PanelLabel } from '../../../../buttons/PanelButton';
|
|
import { PanelRadioButton } from '../../../../buttons/PanelRadioButton';
|
|
|
|
type TimerOptionsProps = {
|
|
options: TimerOptionsArray | null;
|
|
selected: number;
|
|
setSelected: (value: number) => void;
|
|
hasOnlyOneMode?: boolean;
|
|
disabled?: boolean;
|
|
};
|
|
|
|
export const TimeOptions = (props: TimerOptionsProps) => {
|
|
const { options, selected, setSelected, hasOnlyOneMode, disabled } = props;
|
|
|
|
if (!options || isEmpty(options)) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<>
|
|
{!hasOnlyOneMode && <PanelLabel>{window.i18n('timer')}</PanelLabel>}
|
|
<PanelButtonGroup>
|
|
{options.map(option => {
|
|
return (
|
|
<PanelRadioButton
|
|
key={option.name}
|
|
text={option.name}
|
|
value={option.name}
|
|
isSelected={selected === option.value}
|
|
onSelect={() => {
|
|
setSelected(option.value);
|
|
}}
|
|
disabled={disabled}
|
|
dataTestId={`time-option-${option.name.replace(' ', '-')}`} // we want "time-option-1-minute", etc as accessibility id
|
|
/>
|
|
);
|
|
})}
|
|
</PanelButtonGroup>
|
|
</>
|
|
);
|
|
};
|