import React, { VFC } from 'react'; import { Box, Typography } from '@mui/material'; import type { IChangeRequest } from '../changeRequest.types'; import { FeatureToggleChanges } from './Changes/FeatureToggleChanges'; import { Change } from './Changes/Change/Change'; import { DiscardContainer } from './Changes/Change/Discard'; interface IChangeRequestProps { changeRequest: IChangeRequest; onRefetch?: () => void; onNavigate?: () => void; } export const ChangeRequest: VFC = ({ changeRequest, onRefetch, onNavigate, }) => { return ( {changeRequest.features?.map(feature => ( {feature.changes.map((change, index) => ( } index={index} changeRequest={changeRequest} change={change} feature={feature} /> ))} {feature.defaultChange ? ( {feature.defaultChange.action === 'addStrategy' ? 'Default strategy will be added' : 'Feature status will change'} } index={feature.changes.length} changeRequest={changeRequest} change={feature.defaultChange} feature={feature} /> ) : null} ))} ); };