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 ? ( <Accented>{`${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