From 079540a0419a7efb7c47a40088b6753892d1a708 Mon Sep 17 00:00:00 2001
From: Ivan Gabriele <ivan.gabriele@protonmail.com>
Date: Thu, 4 Jan 2024 11:43:54 +0100
Subject: [PATCH] Truncate long contact notes in control unit dialog

---
 .../ControlUnitDialog/ControlUnitResourceList/Item.tsx        | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/features/ControlUnit/components/ControlUnitDialog/ControlUnitResourceList/Item.tsx b/frontend/src/features/ControlUnit/components/ControlUnitDialog/ControlUnitResourceList/Item.tsx
index f9a6918aaa..b96a2f6a23 100644
--- a/frontend/src/features/ControlUnit/components/ControlUnitDialog/ControlUnitResourceList/Item.tsx
+++ b/frontend/src/features/ControlUnit/components/ControlUnitDialog/ControlUnitResourceList/Item.tsx
@@ -1,4 +1,5 @@
 import { Accent, Icon, IconButton } from '@mtes-mct/monitor-ui'
+import { truncate } from 'lodash/fp'
 import { useCallback } from 'react'
 import styled from 'styled-components'
 
@@ -31,7 +32,8 @@ export function Item({ controlUnitResource, onEdit }: ItemProps) {
             <IconButton accent={Accent.TERTIARY} Icon={Icon.Edit} onClick={handleEdit} title="Éditer ce moyen" />
           </div>
         </InfoBoxHeader>
-        <p>{controlUnitResource.note}</p>
+        {/* 120 chars ~= 3 lines */}
+        {controlUnitResource.note && <p>{truncate({ length: 120 }, controlUnitResource.note)}</p>}
       </InfoBox>
     </Wrapper>
   )