diff --git a/frontend/src/features/map/layers/BaseLayer.tsx b/frontend/src/features/map/layers/BaseLayer.tsx
index 750b44aaa1..e51d1ac975 100644
--- a/frontend/src/features/map/layers/BaseLayer.tsx
+++ b/frontend/src/features/map/layers/BaseLayer.tsx
@@ -6,6 +6,7 @@ import XYZ from 'ol/source/XYZ'
import React, { useEffect, useState } from 'react'
import { BaseLayers, Layers } from '../../../domain/entities/layers/constants'
+import { MAPBOX_KEY, SHOM_KEY } from '../../../env'
import { useAppSelector } from '../../../hooks/useAppSelector'
export type BaseLayerProps = {
@@ -17,7 +18,7 @@ function UnmemoizedBaseLayer({ map }: BaseLayerProps) {
const [baseLayersObjects] = useState({
LIGHT: () =>
new MapboxVector({
- accessToken: process.env.REACT_APP_MAPBOX_KEY,
+ accessToken: MAPBOX_KEY,
className: Layers.BASE_LAYER.code,
styleUrl: 'mapbox://styles/monitorfish/ckrbusml50wgv17nrzy3q374b',
zIndex: 0
@@ -36,7 +37,7 @@ function UnmemoizedBaseLayer({ map }: BaseLayerProps) {
className: Layers.BASE_LAYER.code,
source: new XYZ({
maxZoom: 19,
- url: `https://api.mapbox.com/v4/mapbox.satellite/{z}/{x}/{y}.jpg90?access_token=${process.env.REACT_APP_MAPBOX_KEY}`
+ url: `https://api.mapbox.com/v4/mapbox.satellite/{z}/{x}/{y}.jpg90?access_token=${MAPBOX_KEY}`
}),
zIndex: 0
}),
@@ -49,7 +50,7 @@ function UnmemoizedBaseLayer({ map }: BaseLayerProps) {
// Countries have transparency, so do not fade tiles:
transition: 0,
- url: `https://services.data.shom.fr/${process.env.REACT_APP_SHOM_KEY}/wms/r`
+ url: `https://services.data.shom.fr/${SHOM_KEY}/wms/r`
}),
zIndex: 0
})
diff --git a/frontend/src/features/missions/MissionForm/ActionCard.tsx b/frontend/src/features/missions/MissionForm/ActionCard.tsx
index d624ccfa82..5cf0de1d30 100644
--- a/frontend/src/features/missions/MissionForm/ActionCard.tsx
+++ b/frontend/src/features/missions/MissionForm/ActionCard.tsx
@@ -44,7 +44,7 @@ export function ActionCard({ action, duplicateAction, removeAction, selectAction
- Contrôle{action.actionNumberOfControls && action.actionNumberOfControls > 1 ? 's ' : ' '}
+ Contrôle{!!action.actionNumberOfControls && action.actionNumberOfControls > 1 ? 's ' : ' '}
{action.actionTheme ? (
{`${action.actionTheme} ${
action.actionSubTheme ? ` - ${action.actionSubTheme}` : ''
@@ -53,19 +53,19 @@ export function ActionCard({ action, duplicateAction, removeAction, selectAction
'à renseigner'
)}
- {action.actionNumberOfControls && action.actionNumberOfControls > 0 && (
+ {!!action.actionNumberOfControls && action.actionNumberOfControls > 0 && (
{action.actionNumberOfControls}
{` contrôle${action.actionNumberOfControls > 1 ? 's' : ''} réalisé${
action.actionNumberOfControls > 1 ? 's' : ''
} sur des cibles de type `}
- {(action.actionTargetType && actionTargetTypeEnum[action.actionTargetType]?.libelle) ||
+ {(!!action.actionTargetType && actionTargetTypeEnum[action.actionTargetType]?.libelle) ||
'non spécifié'}
)}
- {action.actionNumberOfControls && action.actionNumberOfControls > 0 && (
+ {!!action.actionNumberOfControls && action.actionNumberOfControls > 0 && (
- {action.duration > 0 && (
+ {!!action.duration && action.duration > 0 && (
{action.duration} heure(s)
de surveillance