Last change
on this file was bc20307, checked in by Tasevski2 <39170279+Tasevski2@…>, 3 years ago |
Push before video
|
-
Property mode
set to
100644
|
File size:
1.1 KB
|
Line | |
---|
1 | import { sessionStatus } from '../../../../config/enums';
|
---|
2 |
|
---|
3 | import { RoundWrapper, FuncText, HelperText, PayButton } from './styles';
|
---|
4 |
|
---|
5 | const RoundButton = ({ text, bgColor, onClick }) => (
|
---|
6 | <RoundWrapper style={{ backgroundColor: bgColor }} onClick={onClick}>
|
---|
7 | <FuncText>{text}</FuncText>
|
---|
8 | <HelperText>Double-Tap</HelperText>
|
---|
9 | </RoundWrapper>
|
---|
10 | );
|
---|
11 |
|
---|
12 | const Buttons = ({ status, handlePayButton, onClick }) => {
|
---|
13 | switch (status) {
|
---|
14 | case null:
|
---|
15 | return (
|
---|
16 | <RoundButton
|
---|
17 | text='Започни'
|
---|
18 | bgColor='#01a66f'
|
---|
19 | onClick={onClick}
|
---|
20 | />
|
---|
21 | );
|
---|
22 | case sessionStatus.idle:
|
---|
23 | case sessionStatus.active:
|
---|
24 | return (
|
---|
25 | <RoundButton
|
---|
26 | text='Заврши'
|
---|
27 | bgColor='#d51e00'
|
---|
28 | onClick={onClick}
|
---|
29 | />
|
---|
30 | );
|
---|
31 | case sessionStatus.over:
|
---|
32 | return <PayButton onClick={handlePayButton}>Плати</PayButton>;
|
---|
33 | default:
|
---|
34 | return null;
|
---|
35 | }
|
---|
36 | };
|
---|
37 |
|
---|
38 | export default Buttons;
|
---|
Note:
See
TracBrowser
for help on using the repository browser.