#

vincentlu

2025-02-17 aa7a139290034a7a2dbb58e5d7d2c895179d9b15

 zy-acs-flow/src/page/mission/MissionCard.jsx

@@ -1,3 +1,4 @@
import React, { useState, useEffect } from 'react';
import { Draggable } from '@hello-pangea/dnd';
import { Box, Card, Typography, Avatar, Divider, Stack, Slider, useTheme } from '@mui/material';
import { ReferenceField, useRedirect, useTranslate } from 'react-admin';
@@ -20,7 +21,7 @@
    );
};

export const MissionCardContent = ({ provided, snapshot, mission, }) => {
export const MissionCardContent = ({ provided, snapshot, mission }) => {
    const theme = useTheme();
    const translate = useTranslate();
    const redirect = useRedirect();
@@ -28,6 +29,16 @@
        redirect(`/mission/${mission.id}/show`, undefined, undefined, undefined, {
            _scrollToTop: false,
        });
    };

    const [sliderValue, setSliderValue] = useState(mission.progress || 0);

    useEffect(() => {
        setSliderValue(mission.progress || 0);
    }, [mission.progress]);

    const handleSliderChange = (event, newValue) => {
        setSliderValue(newValue);
    };

    return (
@@ -80,7 +91,9 @@
                        <Stack pl={0.5} pr={0.5} direction="row" spacing={1} alignItems="center" mb={.6}>
                            <Slider
                                aria-label="Progress"
                                defaultValue={mission.progress}
                                // defaultValue={mission.progress}
                                value={sliderValue}
                                onChange={handleSliderChange}
                                getAriaValueText={(value) => {
                                    return `${value}%`;
                                }}