voice test

src/renderer/components/TopBar.tsx

@@ -25,7 +25,10 @@ import InventoryIcon from '@mui/icons-material/Inventory';
 import { RiCoupon3Fill } from 'react-icons/ri';
 
 import type { NotificationPosition } from '../components/Notifications/CustomNotification';
-import { isNotificationsEnabled, getNotifPositionFromSettings } from '../utils/notifications';
+import {
+  isNotificationsEnabled,
+  getNotifPositionFromSettings,
+} from '../utils/notifications';
 
 declare global {
   interface Window {
@@ -145,6 +148,11 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
       match: (p) => p.startsWith('/marketplace'),
       to: '/marketplace',
     },
+    {
+      value: 4,
+      match: (p) => p.startsWith('/voice'),
+      to: '/voice',
+    },
   ];
 
   const selectedTab =
@@ -318,7 +326,7 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
     const ctx = JSON.parse(raw);
 
     const savedConfig = JSON.parse(
-    localStorage.getItem('launcher_config') || '{}',
+      localStorage.getItem('launcher_config') || '{}',
     );
 
     if (!savedConfig.accessToken) {
@@ -501,6 +509,14 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
                     selectedTab === 3 ? theme.launcher.topbar.tabActive : null,
                   ]}
                 />
+                <Tab
+                  label="Голосовой чат"
+                  disableRipple={true}
+                  sx={[
+                    ...tabBaseSx,
+                    selectedTab === 4 ? theme.launcher.topbar.tabActive : null,
+                  ]}
+                />
               </Tabs>
             </CustomTooltip>
           </Box>
@@ -536,7 +552,7 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
           marginRight: '1vw',
         }}
       >
-        {lastVersion &&
+        {lastVersion && (
           <CustomTooltip
             title={getLastLaunchLabel(lastVersion)}
             arrow
@@ -608,7 +624,7 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
               <span style={{ fontSize: '1vw' }}>⚡</span>
             </Button>
           </CustomTooltip>
-        }
+        )}
         {!isLoginPage && !isRegistrationPage && username && (
           <Box sx={{ display: 'flex', alignItems: 'center', gap: '1vw' }}>
             <HeadAvatar