Фикс определения типа открываемой вкладки (#432)

Closes #429

src/renderer/src/components/MainContainer/Tabs/Tabs.tsx

@@ -5,6 +5,7 @@ import { twMerge } from 'tailwind-merge';
 import { CodeEditor, DiagramEditor } from '@renderer/components';
 import { SerialMonitorTab } from '@renderer/components/SerialMonitor';
 import { useTabs } from '@renderer/store/useTabs';
+import { Tab as TabType } from '@renderer/types/tabs';
 
 import { Tab } from './Tab';
 
@@ -35,6 +36,21 @@ export const Tabs: React.FC = () => {
     return <NotInitialized />;
   }
 
+  const selectTab = (item: TabType) => {
+    switch (item.type) {
+      case 'editor':
+        return <DiagramEditor />;
+      case 'transition':
+      case 'state':
+      case 'code':
+        return <CodeEditor initialValue={item.code} language={item.language} />;
+      case 'serialMonitor':
+        return <SerialMonitorTab />;
+      default:
+        return undefined;
+    }
+  };
+
   return (
     <>
       <section
@@ -63,13 +79,7 @@ export const Tabs: React.FC = () => {
           key={item.name}
           className={twMerge('hidden h-[calc(100vh-44.19px)]', activeTab === item.name && 'block')}
         >
-          {item.type === 'editor' ? (
-            <DiagramEditor />
-          ) : item.type === 'code' ? (
-            <CodeEditor initialValue={item.code} language={item.language} />
-          ) : (
-            <SerialMonitorTab />
-          )}
+          {selectTab(item)}
         </div>
       ))}
     </>