feat: selectors disabled

frontends/web/react/app.tsx

@@ -597,6 +597,7 @@ export const EmulatorApp: FC<EmulatorAppProps> = ({
                                 </Info>
                             ]}
                             tabNames={["General", "Detailed"]}
+                            selectors={false}
                         />
                     </Section>
                 )}

frontends/web/react/components/panel-tab/panel-tab.tsx

@@ -6,6 +6,7 @@ type PanelTabProps = {
     tabs: ReactNode[];
     tabNames: string[];
     tabIndex?: number;
+    selectors?: boolean;
     style?: string[];
 };
 
@@ -13,28 +14,31 @@ export const PanelTab: FC<PanelTabProps> = ({
     tabs,
     tabNames,
     tabIndex = 0,
+    selectors = true,
     style = []
 }) => {
     const classes = () => ["panel-tab", ...style].join(" ");
     const [tabIndexState, setTabIndexState] = useState(tabIndex);
     return (
         <div className={classes()}>
-            <div className="tab-selectors">
-                {tabNames.map((tabName, tabIndex) => {
-                    const classes = [
-                        "tab-selector",
-                        tabIndex === tabIndexState ? "selected" : ""
-                    ].join(" ");
-                    return (
-                        <span
-                            className={classes}
-                            onClick={() => setTabIndexState(tabIndex)}
-                        >
-                            {tabName}
-                        </span>
-                    );
-                })}
-            </div>
+            {selectors && (
+                <div className="tab-selectors">
+                    {tabNames.map((tabName, tabIndex) => {
+                        const classes = [
+                            "tab-selector",
+                            tabIndex === tabIndexState ? "selected" : ""
+                        ].join(" ");
+                        return (
+                            <span
+                                className={classes}
+                                onClick={() => setTabIndexState(tabIndex)}
+                            >
+                                {tabName}
+                            </span>
+                        );
+                    })}
+                </div>
+            )}
             <div className="tab-container">{tabs[tabIndexState]}</div>
         </div>
     );