From eb81fae2a03e577cb1e2c82eb2ac9934d25ef556 Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Thu, 13 Feb 2025 05:28:00 +0900
Subject: [PATCH] [Update/Refactor] Move files to main container.

---
 src-ui/app/main_page/MainPage.jsx                          | 2 --
 src-ui/app/main_page/main_section/MainSection.jsx          | 7 ++++---
 .../subtitle_system_container/SubtitleSystemContainer.jsx} | 4 ++--
 .../SubtitleSystemContainer.module.scss}                   | 4 +---
 4 files changed, 7 insertions(+), 10 deletions(-)
 rename src-ui/app/main_page/{plugins_section/PluginsSection.jsx => main_section/subtitle_system_container/SubtitleSystemContainer.jsx} (96%)
 rename src-ui/app/main_page/{plugins_section/PluginsSection.module.scss => main_section/subtitle_system_container/SubtitleSystemContainer.module.scss} (92%)

diff --git a/src-ui/app/main_page/MainPage.jsx b/src-ui/app/main_page/MainPage.jsx
index 324bc463..a83ef09a 100644
--- a/src-ui/app/main_page/MainPage.jsx
+++ b/src-ui/app/main_page/MainPage.jsx
@@ -2,7 +2,6 @@ import clsx from "clsx";
 import styles from "./MainPage.module.scss";
 import { SidebarSection } from "./sidebar_section/SidebarSection";
 import { MainSection } from "./main_section/MainSection";
-import { PluginsSection } from "./plugins_section/PluginsSection";
 import { useIsOpenedConfigPage } from "@logics_common";
 
 export const MainPage = () => {
@@ -16,7 +15,6 @@ export const MainPage = () => {
             <div className={styles.container}>
                 <SidebarSection />
                 <MainSection />
-                <PluginsSection />
             </div>
         </div>
     );
diff --git a/src-ui/app/main_page/main_section/MainSection.jsx b/src-ui/app/main_page/main_section/MainSection.jsx
index faf910bd..a918f1dd 100644
--- a/src-ui/app/main_page/main_section/MainSection.jsx
+++ b/src-ui/app/main_page/main_section/MainSection.jsx
@@ -2,19 +2,20 @@ import { useTranslation } from "react-i18next";
 import styles from "./MainSection.module.scss";
 
 import { TopBar } from "./top_bar/TopBar";
-import { MessageContainer } from "./message_container/MessageContainer";
+// import { MessageContainer } from "./message_container/MessageContainer";
 import { LanguageSelector } from "./language_selector/LanguageSelector";
 
 import { useStore_IsOpenedLanguageSelector } from "@store";
 import { useLanguageSettings } from "@logics_main";
 import { useEffect } from "react";
-
+import { SubtitleSystemContainer } from "./subtitle_system_container/SubtitleSystemContainer";
 export const MainSection = () => {
 
     return (
         <div className={styles.container}>
             <TopBar />
-            <MessageContainer />
+            <SubtitleSystemContainer />
+            {/* <MessageContainer /> */}
             <HandleLanguageSelector />
         </div>
     );
diff --git a/src-ui/app/main_page/plugins_section/PluginsSection.jsx b/src-ui/app/main_page/main_section/subtitle_system_container/SubtitleSystemContainer.jsx
similarity index 96%
rename from src-ui/app/main_page/plugins_section/PluginsSection.jsx
rename to src-ui/app/main_page/main_section/subtitle_system_container/SubtitleSystemContainer.jsx
index 84d966a2..9970b2cf 100644
--- a/src-ui/app/main_page/plugins_section/PluginsSection.jsx
+++ b/src-ui/app/main_page/main_section/subtitle_system_container/SubtitleSystemContainer.jsx
@@ -1,8 +1,8 @@
 import React, { useState, useRef, useEffect } from "react";
-import styles from "./PluginsSection.module.scss";
+import styles from "./SubtitleSystemContainer.module.scss";
 import { useSendTextToOverlay } from "@logics_configs";
 
-export const PluginsSection = () => {
+export const SubtitleSystemContainer = () => {
     const { sendTextToOverlay } = useSendTextToOverlay();
     const [srtContent, setSrtContent] = useState("");
     const [cues, setCues] = useState([]);
diff --git a/src-ui/app/main_page/plugins_section/PluginsSection.module.scss b/src-ui/app/main_page/main_section/subtitle_system_container/SubtitleSystemContainer.module.scss
similarity index 92%
rename from src-ui/app/main_page/plugins_section/PluginsSection.module.scss
rename to src-ui/app/main_page/main_section/subtitle_system_container/SubtitleSystemContainer.module.scss
index c6a1a6c7..515842e7 100644
--- a/src-ui/app/main_page/plugins_section/PluginsSection.module.scss
+++ b/src-ui/app/main_page/main_section/subtitle_system_container/SubtitleSystemContainer.module.scss
@@ -1,10 +1,8 @@
 .container {
-  padding: 2rem;
+  padding: 4rem;
   background: #1e1e1e;
   color: #ffffff;
   border-radius: 1rem;
-  max-width: 60rem;
-  margin: 0 auto;
   flex-shrink: 0;
   height: 100%;
   overflow: auto;