front: fix rs image blinking when changing in stdcm

Signed-off-by: theocrsb <[email protected]>
OpenRailAssociation · Nov 28, 2024 · deac2f4 · deac2f4
1 parent 003ece7
commit deac2f4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/front/src/modules/rollingStock/components/RollingStock2Img.tsx b/front/src/modules/rollingStock/components/RollingStock2Img.tsx
@@ -46,7 +46,9 @@ const RollingStock2Img = ({ rollingStock }: RollingStock2ImgProps) => {
     getRollingStockImage();
   }, [rollingStock]);
 
-  return <img src={imageUrl || ''} alt={rollingStock?.name || 'defaultImg'} loading="lazy" />;
+  if (!imageUrl) return null;
+
+  return <img src={imageUrl} alt={rollingStock?.name} />;
 };
 
 export default React.memo(RollingStock2Img);
diff --git a/...dules/rollingStock/components/RollingStockSelector/useStoreDataForRollingStockSelector.ts b/...dules/rollingStock/components/RollingStockSelector/useStoreDataForRollingStockSelector.ts
@@ -8,14 +8,15 @@ export const useStoreDataForRollingStockSelector = () => {
   const rollingStockId = useSelector(getRollingStockID);
   const rollingStockComfort = useSelector(getRollingStockComfort);
 
-  const { data: rollingStock } = osrdEditoastApi.endpoints.getRollingStockByRollingStockId.useQuery(
-    {
-      rollingStockId: rollingStockId!,
-    },
-    {
-      skip: !rollingStockId,
-    }
-  );
+  const { currentData: rollingStock } =
+    osrdEditoastApi.endpoints.getRollingStockByRollingStockId.useQuery(
+      {
+        rollingStockId: rollingStockId!,
+      },
+      {
+        skip: !rollingStockId,
+      }
+    );
 
   return {
     rollingStockId,