From 0e4485d0fc8294e62c978ba000eda7861dc65f32 Mon Sep 17 00:00:00 2001
From: Jaanus Sellin <sellinjaanus@gmail.com>
Date: Thu, 10 Aug 2023 20:12:17 +0300
Subject: [PATCH] feat: segment constraints in UI (#4472)

---
 .../ChangeRequest/Changes/Change/SegmentChangeDetails.tsx    | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/SegmentChangeDetails.tsx b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/SegmentChangeDetails.tsx
index 22eca0e554..5256e9cf9f 100644
--- 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>