fixup! front: redesign top left of the scenario page

Author: theocrsb

front/src/applications/operationalStudies/components/Scenario/ScenarioDescription.tsx

@@ -5,6 +5,8 @@ import type { InfraWithState, ScenarioResponse } from 'common/api/osrdEditoastAp
 import { useModal } from 'common/BootstrapSNCF/ModalSNCF';
 import AddAndEditScenarioModal from 'modules/scenario/components/AddOrEditScenarioModal';
 
+import InfraLoadingState from './InfraLoadingState';
+
 type ScenarioDescriptionProps = {
   scenario: ScenarioResponse;
   infra?: InfraWithState;
@@ -67,7 +69,10 @@ const ScenarioDescription = ({
       </div>
 
       <div className="scenario-details-infra-name">
-        {t('infrastructure')} :&nbsp;{infra && <span className="infra-loaded" />}&nbsp;
+        {t('infrastructure')} :&nbsp;
+        {infra && infra.state === 'CACHED' && <span className="infra-loaded" />}
+        {infra && infra.state !== 'CACHED' && <InfraLoadingState infra={infra} />}
+        &nbsp;
         <span className="scenario-infra-name">{scenario.infra_name}</span>&nbsp;| ID
         {scenario.infra_id}
       </div>
@@ -86,7 +91,7 @@ const ScenarioDescription = ({
             <span className="error-description">{t('errorMessages.softErrorInfra')}</span>
           </div>
         ))}
-      {infra && infra.state !== 'ERROR' && (
+      {infra && infra.state === 'ERROR' && (
         <div className="scenario-details-infra-error">
           <Blocked variant="fill" />
           <span className="error-description">{t('errorMessages.hardErrorInfra')}</span>