feat: segment constraints in UI (#4472)

Unleash · Aug 10, 2023 · 0e4485d · 0e4485d
1 parent 46314d2
commit 0e4485d
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/SegmentChangeDetails.tsx b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/SegmentChangeDetails.tsx
@@ -6,6 +6,7 @@ import {
 } from 'component/changeRequest/changeRequest.types';
 import { useSegment } from 'hooks/api/getters/useSegment/useSegment';
 import { SegmentDiff, SegmentTooltipLink } from '../../SegmentTooltipLink';
+import { ConstraintAccordionList } from 'component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList';
 
 const ChangeItemCreateEditWrapper = styled(Box)(({ theme }) => ({
     display: 'grid',
@@ -87,6 +88,10 @@ export const SegmentChangeDetails: VFC<{
                         </ChangeItemInfo>
                         <div>{actions}</div>
                     </ChangeItemCreateEditWrapper>
+                    <ConstraintAccordionList
+                        constraints={change.payload.constraints}
+                        showLabel={false}
+                    />
                 </>
             )}
         </SegmentContainer>