weird style import to override EFB styles in OIT + OFP page

fbw-a380x/src/systems/instruments/src/OIT/style.scss

@@ -172,3 +172,11 @@
   align-items: center;
   flex-direction: row;
 }
+
+$font-file-path: '/Fonts/fbw-a380x/EFB';
+
+@import "../../../../../../fbw-common/src/systems/instruments/src/EFB/Assets/Efb.scss";
+
+.nopointer {
+  pointer-events: none;
+}

fbw-a380x/src/systems/instruments/src/OIT/widget-style.scss

@@ -91,7 +91,9 @@
 }
 
 .mfd-button.disabled {
-  color: $display-dark-grey;
+  color: $display-dark-grey !important;
+  --color-text: $display-dark-grey;
+  color: var(--color-text);
 }
 
 .mfd-button.selected {

fbw-a380x/src/systems/instruments/src/OITlegacy/Efb.scss

@@ -1,10 +1,2 @@
 // Copyright (c) 2023-2024 FlyByWire Simulations
 // SPDX-License-Identifier: GPL-3.0
-
-$font-file-path: '/Fonts/fbw-a380x/EFB';
-
-@import "../../../../../../fbw-common/src/systems/instruments/src/EFB/Assets/Efb.scss";
-
-.nopointer {
-  pointer-events: none;
-}

fbw-a380x/src/systems/instruments/src/OITlegacy/OitLegacy.tsx

@@ -10,6 +10,9 @@ import {
   ModalProvider,
   PowerContext,
   PowerStates,
+  setAirframeInfo,
+  setCabinInfo,
+  setFlypadInfo,
   store,
 } from '@flybywiresim/flypad';
 
@@ -21,7 +24,8 @@ import { Provider } from 'react-redux';
 import { TroubleshootingContextProvider } from '../../../../../../fbw-common/src/systems/instruments/src/EFB/TroubleshootingContext';
 import { ErrorBoundary } from 'react-error-boundary';
 import { MemoryRouter as Router } from 'react-router';
-import { useSimVar } from '@flybywiresim/fbw-sdk';
+import { UniversalConfigProvider, useSimVar } from '@flybywiresim/fbw-sdk';
+import { Dispatch } from '../../../../../../fbw-common/src/systems/instruments/src/EFB/Dispatch/Dispatch';
 
 export const getDisplayIndex = () => {
   const url = Array.from(document.querySelectorAll('vcockpit-panel > *'))
@@ -46,6 +50,20 @@ export const OitEfbWrapper: React.FC<OitEfbWrapperProps> = ({ eventBus }) => {
 
   const [err, setErr] = useState(false);
 
+  useEffect(() => {
+    UniversalConfigProvider.fetchAirframeInfo(process.env.AIRCRAFT_PROJECT_PREFIX, process.env.AIRCRAFT_VARIANT).then(
+      (info) => store.dispatch(setAirframeInfo(info)),
+    );
+
+    UniversalConfigProvider.fetchFlypadInfo(process.env.AIRCRAFT_PROJECT_PREFIX, process.env.AIRCRAFT_VARIANT).then(
+      (info) => store.dispatch(setFlypadInfo(info)),
+    );
+
+    UniversalConfigProvider.fetchCabinInfo(process.env.AIRCRAFT_PROJECT_PREFIX, process.env.AIRCRAFT_VARIANT).then(
+      (info) => store.dispatch(setCabinInfo(info)),
+    );
+  }, []);
+
   useEffect(() => {
     document
       .getElementsByTagName('a380x-oitlegacy')[0]
@@ -126,7 +144,10 @@ export const OitEfbWrapper: React.FC<OitEfbWrapperProps> = ({ eventBus }) => {
                             }}
                           >
                             <div className="flex flex-row">
-                              <div className="h-screen w-screen p-2.5 pt-0">{showCharts === 1 && <Navigation />}</div>
+                              <div className="h-screen w-screen p-2.5 pt-0">
+                                {showCharts === 1 && <Navigation />}
+                                {showOfp === 1 && <Dispatch />}
+                              </div>
                             </div>
                           </div>
                         )}