375 - front ajouter une infraction pour cette cible

frontend/src/features/pam/mission/components/elements/infractions/env-infraction-existing-targets.tsx

@@ -72,10 +72,7 @@ const EnvInfractionExistingTargets: React.FC<EnvInfractionExistingTargetProps> =
           <div
             key={infractionByTarget.vesselIdentifier}
             style={{
-              width: '100%',
-              backgroundColor: THEME.color.white,
-              padding: '1rem',
-              marginBottom: '0.25rem'
+              width: '100%'
             }}
           >
             {selectedVessel === infractionByTarget.vesselIdentifier ? (

frontend/src/features/pam/mission/components/elements/infractions/env-infraction-summary.test.tsx

@@ -29,12 +29,21 @@ const infractionByTargetMock = (infractions: Infraction[]) => ({
   targetAddedByUnit: false
 })
 
+const infractionByTargetCompanyMock = (infractions: Infraction[]) => ({
+  vesselIdentifier: null,
+  vesselType: null,
+  infractions,
+  controlTypesWithInfraction: [ControlType.ADMINISTRATIVE],
+  targetAddedByUnit: false
+})
+
 const props = infractionByTarget => ({
   infractionByTarget,
   onAddInfractionForTarget: vi.fn(),
   onEditInfractionForTarget: vi.fn(),
   onDeleteInfraction: vi.fn()
 })
+
 describe('EnvInfractionSummary', () => {
   describe('testing rendering', () => {
     test('renders the component', async () => {
@@ -92,4 +101,11 @@ describe('EnvInfractionSummary', () => {
       expect(onDeleteInfraction).toHaveBeenCalled()
     })
   })
+
+  describe('rendering button "Ajouter une infraction pour cette cible"',  () => {
+    test('should not render button "Ajouter une infraction pour cette cible" if is not a vessel', async () => {
+      render(<EnvInfractionSummary {...props(infractionByTargetCompanyMock([infractionMock]))} />)
+      expect(screen.queryByText('infraction pour cette cible')).not.toBeInTheDocument()
+    })
+  })
 })

frontend/src/features/pam/mission/components/elements/infractions/env-infraction-summary.tsx

@@ -29,25 +29,32 @@ const EnvInfractionSummary: React.FC<EnvInfractionSummaryProps> = ({
               {`${vesselTypeToHumanString(infractionByTarget?.vesselType)} - ${infractionByTarget?.vesselIdentifier}`}
             </Text>
           </Stack.Item>
-          <Stack.Item>
-            <Button
-              onClick={() =>
-                onAddInfractionForTarget({
-                  target: infractionByTarget?.infractions?.find(infraction => !!infraction.target)?.target
-                })
-              }
-              accent={Accent.SECONDARY}
-              size={Size.NORMAL}
-              Icon={Icon.Plus}
-              role={'add-infraction'}
-            >
-              infraction pour cette cible
-            </Button>
-          </Stack.Item>
+          {infractionByTarget?.vesselType !== null && (
+            <Stack.Item>
+              <Button
+                onClick={() =>
+                  onAddInfractionForTarget({
+                    target: infractionByTarget?.infractions?.find(infraction => !!infraction.target)?.target
+                  })
+                }
+                accent={Accent.SECONDARY}
+                size={Size.NORMAL}
+                Icon={Icon.Plus}
+                role={'add-infraction'}
+              >
+                infraction pour cette cible
+              </Button>
+            </Stack.Item>
+          )}
+
         </Stack>
       </Stack.Item>
       {infractionByTarget?.infractions.map((infraction: Infraction) => (
-        <Stack.Item key={infraction.id} style={{ width: '100%' }}>
+        <Stack.Item key={infraction.id} style={{
+          width: '100%',
+          backgroundColor: THEME.color.white, padding: '0.8rem',
+          marginBottom: '0.05rem'
+        }}>
           <Stack direction="row" spacing={'0.5rem'} justifyContent="space-between">
             <Stack.Item>
               <Stack direction="row" spacing={'0.5rem'} wrap={true}>