1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-25 00:07:47 +01:00

fix react key warning

This commit is contained in:
Tymoteusz Czech 2022-08-08 11:36:33 +02:00
parent 1620d72c8f
commit 6bf05d89e7
3 changed files with 4 additions and 5 deletions

View File

@ -4,9 +4,7 @@ export const useStyles = makeStyles()(theme => ({
popoverPaper: { popoverPaper: {
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
// alignItems: 'flex-start',
padding: theme.spacing(6), padding: theme.spacing(6),
// maxWidth: '728px',
width: 728, width: 728,
maxWidth: '100%', maxWidth: '100%',
height: 'auto', height: 'auto',

View File

@ -25,7 +25,7 @@ export const PlaygroundResultFeatureStrategyList = ({
show={ show={
<Alert severity={'info'} color={'info'}> <Alert severity={'info'} color={'info'}>
If environment would be enabled then this feature would If environment would be enabled then this feature would
be {feature.strategies.result ? 'TRUE' : 'FALSE'} and be {feature.strategies?.result ? 'TRUE' : 'FALSE'} and
the strategies would evaluate like this:{' '} the strategies would evaluate like this:{' '}
</Alert> </Alert>
} }

View File

@ -1,3 +1,4 @@
import { Fragment } from 'react';
import { Alert, Box, styled, Typography } from '@mui/material'; import { Alert, Box, styled, Typography } from '@mui/material';
import { import {
PlaygroundFeatureSchema, PlaygroundFeatureSchema,
@ -46,7 +47,7 @@ export const PlaygroundResultStrategyLists = ({
>{`Strategies (${strategies.length})`}</Typography> >{`Strategies (${strategies.length})`}</Typography>
<Box sx={{ width: '100%' }}> <Box sx={{ width: '100%' }}>
{strategies.map((strategy, index) => ( {strategies.map((strategy, index) => (
<> <Fragment key={strategy.id}>
<ConditionallyRender <ConditionallyRender
condition={index > 0} condition={index > 0}
show={<StrategySeparator text="OR" />} show={<StrategySeparator text="OR" />}
@ -58,7 +59,7 @@ export const PlaygroundResultStrategyLists = ({
compact={compact} compact={compact}
input={input} input={input}
/> />
</> </Fragment>
))} ))}
</Box> </Box>
</> </>