fixup! front: redesign top left of the scenario page

Author: theocrsb

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

@@ -1,7 +1,6 @@
 import { Blocked, ChevronLeft, Pencil } from '@osrd-project/ui-icons';
 import { useTranslation } from 'react-i18next';
 
-import InfraLoadingState from 'applications/operationalStudies/components/Scenario/InfraLoadingState';
 import type { InfraWithState, ScenarioResponse } from 'common/api/osrdEditoastApi';
 import { useModal } from 'common/BootstrapSNCF/ModalSNCF';
 import AddAndEditScenarioModal from 'modules/scenario/components/AddOrEditScenarioModal';
@@ -68,7 +67,7 @@ const ScenarioDescription = ({
       </div>
 
       <div className="scenario-details-infra-name">
-        {t('infrastructure')} :&nbsp;{infra && <InfraLoadingState infra={infra} />}&nbsp;
+        {t('infrastructure')} :&nbsp;{infra && <span className="infra-loaded" />}&nbsp;
         <span className="scenario-infra-name">{scenario.infra_name}</span>&nbsp;| ID
         {scenario.infra_id}
       </div>
@@ -87,7 +86,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>

front/src/styles/scss/applications/operationalStudies/_scenario.scss

@@ -210,17 +210,28 @@
         font-size: 1.6rem;
       }
     }
+
+    .infra-loaded {
+      width: 0.5rem;
+      height: 0.5rem;
+      background-color: var(--success30);
+      border-radius: 50%;
+      margin-block: 0.3125rem 0.1875rem;
+    }
+
     .scenario-details-infra-error {
       color: var(--error60);
       background-color: var(--error5);
-      margin: 1.3125rem -1.5rem 0 -1.5rem;
+      margin: 1.3125rem -1.4375rem 0 -1.5rem;
       padding: 0.5625rem 3.5rem 0.6875rem 1.5rem;
       display: flex;
+
+
       .error-description {
         margin-left: 1rem;
         font-size: 0.875rem;
         font-weight: 400;
-        line-height: 20px;
+        line-height: 1.25rem;
       }
     }