fix button color and duration time
parent
8cf67b1e02
commit
c1582768ec
20
src/App.js
20
src/App.js
|
@ -3,6 +3,7 @@ import {
|
||||||
Button,
|
Button,
|
||||||
Card,
|
Card,
|
||||||
Col,
|
Col,
|
||||||
|
ConfigProvider,
|
||||||
Divider,
|
Divider,
|
||||||
Form,
|
Form,
|
||||||
Grid,
|
Grid,
|
||||||
|
@ -43,6 +44,7 @@ function App() {
|
||||||
const [distance, setDistance] = useState([20, 50]);
|
const [distance, setDistance] = useState([20, 50]);
|
||||||
const [acceleration, setAcceleration] = useState(0);
|
const [acceleration, setAcceleration] = useState(0);
|
||||||
const [direction, setDirection] = useState(0);
|
const [direction, setDirection] = useState(0);
|
||||||
|
const [durationUnit, setDurationUnit] = useState("seconds");
|
||||||
|
|
||||||
const remainingTimeRef = useRef(0);
|
const remainingTimeRef = useRef(0);
|
||||||
const [remainingTime, setRemainingTime] = useState(0);
|
const [remainingTime, setRemainingTime] = useState(0);
|
||||||
|
@ -115,7 +117,7 @@ function App() {
|
||||||
distance: distance,
|
distance: distance,
|
||||||
acceleration: acceleration,
|
acceleration: acceleration,
|
||||||
direction: direction,
|
direction: direction,
|
||||||
duration: values.duration,
|
duration: values.duration * (durationUnit === "seconds" ? 1 : 60),
|
||||||
},
|
},
|
||||||
showNotification: messageApi,
|
showNotification: messageApi,
|
||||||
})
|
})
|
||||||
|
@ -241,10 +243,11 @@ function App() {
|
||||||
max={Constants.DURATION.MAX}
|
max={Constants.DURATION.MAX}
|
||||||
addonAfter={
|
addonAfter={
|
||||||
<Select
|
<Select
|
||||||
defaultValue="seconds"
|
|
||||||
style={{
|
style={{
|
||||||
width: 120,
|
width: 120,
|
||||||
}}
|
}}
|
||||||
|
value={durationUnit}
|
||||||
|
onChange={(value) => setDurationUnit(value)}
|
||||||
>
|
>
|
||||||
<Select.Option value="seconds">Sekunden</Select.Option>
|
<Select.Option value="seconds">Sekunden</Select.Option>
|
||||||
<Select.Option value="minutes">Minuten</Select.Option>
|
<Select.Option value="minutes">Minuten</Select.Option>
|
||||||
|
@ -336,14 +339,17 @@ function App() {
|
||||||
</Col>
|
</Col>
|
||||||
|
|
||||||
<Col span={12}>
|
<Col span={12}>
|
||||||
<Button
|
<ConfigProvider
|
||||||
type="primary"
|
theme={{
|
||||||
htmlType="submit"
|
token: {
|
||||||
block
|
colorPrimary: "#27ae60",
|
||||||
style={{ backgroundColor: "#27ae60" }}
|
},
|
||||||
|
}}
|
||||||
>
|
>
|
||||||
|
<Button type="primary" htmlType="submit" block>
|
||||||
Start
|
Start
|
||||||
</Button>
|
</Button>
|
||||||
|
</ConfigProvider>
|
||||||
</Col>
|
</Col>
|
||||||
</Row>
|
</Row>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
Loading…
Reference in New Issue