add new page promocode

src/renderer/components/TopBar.tsx

@@ -21,7 +21,8 @@ import EmojiEventsIcon from '@mui/icons-material/EmojiEvents';
 import PersonIcon from '@mui/icons-material/Person';
 import SettingsIcon from '@mui/icons-material/Settings';
 import { useTheme } from '@mui/material/styles';
-import CategoryIcon from '@mui/icons-material/Category';
+import InventoryIcon from '@mui/icons-material/Inventory';
+import { RiCoupon3Fill } from 'react-icons/ri';
 
 declare global {
   interface Window {
@@ -589,7 +590,7 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
             theme.launcher.topbar.menuItem,
           ]}
         >
-          <CategoryIcon sx={{ fontSize: '2vw' }} /> Инвентарь
+          <InventoryIcon sx={{ fontSize: '2vw' }} /> Инвентарь
         </MenuItem>
 
         {/* ===== 2 строка: ежедневные задания ===== */}
@@ -633,27 +634,42 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
           <SettingsIcon sx={{ fontSize: '2vw' }} /> Настройки
         </MenuItem>
 
+        <MenuItem
+          onClick={() => {
+            handleAvatarMenuClose();
+            navigate('/promocode');
+          }}
+          sx={[
+            { fontSize: '1.5vw', gap: '0.5vw', py: '0.7vw' },
+            theme.launcher.topbar.menuItem,
+          ]}
+        >
+          <RiCoupon3Fill style={{ fontSize: '2vw' }} /> Промокоды
+        </MenuItem>
+
         <Divider sx={{ my: '0.4vw', ...theme.launcher.topbar.menuDivider }} />
         {!isLoginPage && !isRegistrationPage && username && (
-          <Button
-            variant="outlined"
-            color="primary"
-            onClick={() => {
-              handleAvatarMenuClose();
-              logout();
-            }}
-            sx={[
-              {
-                width: '8vw',
-                height: '3vw',
-                fontSize: '1.2vw',
-                m: '0 0 0 18vw',
-              },
-              theme.launcher.topbar.logoutButton,
-            ]}
-          >
-            Выйти
-          </Button>
+          <Box sx={{ display: 'flex', justifyContent: 'center' }}>
+            <Button
+              variant="outlined"
+              color="primary"
+              onClick={() => {
+                handleAvatarMenuClose();
+                logout();
+              }}
+              sx={[
+                {
+                  width: '90%',
+                  height: '3vw',
+                  fontSize: '1.2vw',
+                  mx: '1vw',
+                },
+                theme.launcher.topbar.logoutButton,
+              ]}
+            >
+              Выйти
+            </Button>
+          </Box>
         )}
 
         {/* ↓↓↓ дальше ты сам добавишь пункты ↓↓↓ */}