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) { -

{controlUnitResource.note}

+ {/* 120 chars ~= 3 lines */} + {controlUnitResource.note &&

{truncate({ length: 120 }, controlUnitResource.note)}

} )