#

luxiaotao1123

2024-09-27 048426cae242f190ea1f5df310d68af0d738762e

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

@@ -1,15 +1,10 @@
import { Droppable } from '@hello-pangea/dnd';
import { Box, Stack, Typography } from '@mui/material';

import { Deal } from '../types';
import { DealCard } from './MissionCard';
import { useConfigurationContext } from '../root/ConfigurationContext';
import { findDealLabel } from './deal';
import { MissionCard } from './MissionCard';

export const MissionColumn = ({ stage, deals, }) => {
    const totalAmount = deals.reduce((sum, deal) => sum + deal.amount, 0);
export const MissionColumn = ({ stage, missions, }) => {

    const { dealStages } = useConfigurationContext();
    return (
        <Box
            sx={{
@@ -29,20 +24,15 @@
        >
            <Stack alignItems="center">
                <Typography variant="subtitle1">
                    {findDealLabel(dealStages, stage)}
                    1
                    {/* {findDealLabel(dealStages, stage)} */}
                </Typography>
                <Typography
                    variant="subtitle1"
                    color="text.secondary"
                    fontSize="small"
                >
                    {totalAmount.toLocaleString('en-US', {
                        notation: 'compact',
                        style: 'currency',
                        currency: 'USD',
                        currencyDisplay: 'narrowSymbol',
                        minimumSignificantDigits: 3,
                    })}
                    2
                </Typography>
            </Stack>
            <Droppable droppableId={stage}>
@@ -63,8 +53,8 @@
                            },
                        }}
                    >
                        {deals.map((deal, index) => (
                            <DealCard key={deal.id} deal={deal} index={index} />
                        {missions.map((mission, idx) => (
                            <MissionCard key={mission.id} mission={mission} index={idx} />
                        ))}
                        {droppableProvided.placeholder}
                    </Box>