[Update] Add updating display.

src-ui/app/App.jsx

@@ -6,9 +6,10 @@ import { WindowTitleBar } from "./window_title_bar/WindowTitleBar";
 import { MainPage } from "./main_page/MainPage";
 import { ConfigPage } from "./config_page/ConfigPage";
 import { SplashComponent } from "./splash_component/SplashComponent";
+import { UpdatingComponent } from "./updating_component/UpdatingComponent";
 import { ModalController } from "./modal_controller/ModalController";
 import styles from "./App.module.scss";
-import { useIsBackendReady } from "@logics_common";
+import { useIsBackendReady, useIsSoftwareUpdating } from "@logics_common";
 
 export const App = () => {
     const { currentIsBackendReady } = useIsBackendReady();
@@ -34,14 +35,20 @@ export const App = () => {
 };
 
 const Contents = () => {
+    const { currentIsSoftwareUpdating } = useIsSoftwareUpdating();
     return (
         <>
             <WindowTitleBar />
+            {currentIsSoftwareUpdating.data === false
+            ?
             <div className={styles.pages_wrapper}>
                 <ConfigPage />
                 <MainPage />
                 <ModalController />
             </div>
+            :
+            <UpdatingComponent />
+            }
         </>
     );
 };