Preview + save UI for bulk-add tool

still not wired up tho!
This commit is contained in:
Emi Matchu 2021-03-15 08:11:10 -07:00
parent 67245d6f70
commit c0e70b4c62

View file

@ -261,13 +261,24 @@ function AllItemLayersSupportModalContent({ item, bulkAddProposal }) {
}); });
return ( return (
<Wrap justify="center" spacing="4"> <Box>
{itemAppearances.map((itemAppearance) => ( {bulkAddProposalData && (
<WrapItem key={itemAppearance.id}> <Flex align="center" marginBottom="6">
<ItemAppearanceCard item={item} itemAppearance={itemAppearance} /> <Heading size="md">Previewing bulk-add changes</Heading>
</WrapItem> <Box flex="1 0 auto" width="4" />
))} <Button size="sm" colorScheme="green">
</Wrap> Save {bulkAddProposalData.layersToAdd.length} changes
</Button>
</Flex>
)}
<Wrap justify="center" spacing="4">
{itemAppearances.map((itemAppearance) => (
<WrapItem key={itemAppearance.id}>
<ItemAppearanceCard item={item} itemAppearance={itemAppearance} />
</WrapItem>
))}
</Wrap>
</Box>
); );
} }