fix button color and duration time

main
alex 2024-08-10 15:39:50 +02:00
parent 8cf67b1e02
commit c1582768ec
2 changed files with 15 additions and 9 deletions

BIN
build.zip Normal file

Binary file not shown.

View File

@ -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>