|
@@ -1,14 +1,15 @@
|
1
|
1
|
import * as React from 'react';
|
2
|
|
-import {Avatar, List, ProgressBar, Surface, Text, withTheme} from 'react-native-paper';
|
|
2
|
+import {Avatar, Caption, List, ProgressBar, Surface, Text, withTheme} from 'react-native-paper';
|
3
|
3
|
import {StyleSheet, View} from "react-native";
|
4
|
4
|
import ProxiwashConstants from "../../../constants/ProxiwashConstants";
|
5
|
5
|
import i18n from "i18n-js";
|
6
|
6
|
import AprilFoolsManager from "../../../managers/AprilFoolsManager";
|
7
|
7
|
import * as Animatable from "react-native-animatable";
|
8
|
8
|
import type {CustomTheme} from "../../../managers/ThemeManager";
|
|
9
|
+import type {Machine} from "../../../screens/Proxiwash/ProxiwashScreen";
|
9
|
10
|
|
10
|
11
|
type Props = {
|
11
|
|
- item: Object,
|
|
12
|
+ item: Machine,
|
12
|
13
|
theme: CustomTheme,
|
13
|
14
|
onPress: Function,
|
14
|
15
|
isWatched: boolean,
|
|
@@ -147,10 +148,17 @@ class ProxiwashListItem extends React.Component<Props> {
|
147
|
148
|
<View style={{justifyContent: 'center',}}>
|
148
|
149
|
<Text style={
|
149
|
150
|
machineState === ProxiwashConstants.machineStates.FINISHED ?
|
150
|
|
- {fontWeight: 'bold',} : {}}
|
|
151
|
+ {fontWeight: 'bold',} : {}
|
|
152
|
+ }
|
151
|
153
|
>
|
152
|
154
|
{stateString}
|
153
|
155
|
</Text>
|
|
156
|
+ {
|
|
157
|
+ machineState === ProxiwashConstants.machineStates.RUNNING
|
|
158
|
+ ? <Caption>{props.item.remainingTime} min</Caption>
|
|
159
|
+ : null
|
|
160
|
+ }
|
|
161
|
+
|
154
|
162
|
</View>
|
155
|
163
|
<View style={{justifyContent: 'center',}}>
|
156
|
164
|
<Avatar.Icon
|