코드 정리

com.twin.app.shoptime/src/features/panels/panelsSlice.js

@@ -6,7 +6,7 @@ const initialState = {
   isModalOpen: false,
 };
 
-const forceTopPanels = [panel_names.ERROR_PANEL, panel_names.DEBUG_PANEL];
+const forceTopPanels = [panel_names.ERROR_PANEL, panel_names.DEBUG_PANEL, panel_names.INTRO_PANEL];
 
 export const panels = createSlice({
   name: "panels",

com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.jsx

@@ -44,7 +44,6 @@ export default function IntroPanel({ children, ...rest }) {
 
   const handleAgree = () => {
     dispatch(popPanel(Config.panel_names.INTRO_PANEL));
-    dispatch(addPanels({ name: Config.panel_names.HOME_PANEL, panelInfo: {} }));
   };
 
   const handleDisagree = () => {

com.twin.app.shoptime/src/views/MainView/MainView.jsx

@@ -92,9 +92,7 @@ export default function MainView() {
   useEffect(() => {
     if (!showLoadingPanel.show) {
       if (isTermAgreed) {
-        dispatch(
+
-          addPanels({ name: Config.panel_names.HOME_PANEL, panelInfo: {} })
-        );
       } else {
         dispatch(
           addPanels({ name: Config.panel_names.INTRO_PANEL, panelInfo: {} })
@@ -113,15 +111,19 @@ export default function MainView() {
         preloadImages={preloadImages}
         onLoadComplete={onPreImageLoadComplete}
       />
-      <div
+      {isOnTop ?
-        className={classNames(
+        <HomePanel/>
-          css.mainlayout,
+        :
-          showLoadingPanel.show ? css.transparent : null
+        <div
-        )}
+          className={classNames(
-      >
+            css.mainlayout,
-        {renderTopPanel()}
+            showLoadingPanel.show ? css.transparent : null
-        {!isIntroPanel && <TabLayout />}
+          )}
-      </div>
+        >
+          {renderTopPanel()}
+        </div>
+      }
+        <TabLayout />
       <LoadingPanel showLoadingPanel={showLoadingPanel} />
     </>
   );