From 14905fcee7a7f2008fd583c6280e2b56fa99db5e Mon Sep 17 00:00:00 2001
From: DIKER0K <sitnikovdima2006@gmail.com>
Date: Sun, 7 Dec 2025 20:17:40 +0500
Subject: [PATCH] restyle Shop.tsx

---
 src/renderer/pages/Shop.tsx | 70 +++++++++++++++++++++++++------------
 1 file changed, 48 insertions(+), 22 deletions(-)

diff --git a/src/renderer/pages/Shop.tsx b/src/renderer/pages/Shop.tsx
index 1c3ce59..5276830 100644
--- a/src/renderer/pages/Shop.tsx
+++ b/src/renderer/pages/Shop.tsx
@@ -435,7 +435,18 @@ export default function Shop() {
               gap: 2,
             }}
           >
-            <Typography variant="h6">Прокачка</Typography>
+            <Typography
+              variant="h6"
+              sx={{
+                fontFamily: 'Benzin-Bold',
+                backgroundImage:
+                  'linear-gradient(136deg, rgb(242,113,33), rgb(233,64,87), rgb(138,35,135))',
+                WebkitBackgroundClip: 'text',
+                WebkitTextFillColor: 'transparent',
+              }}
+            >
+              Прокачка
+            </Typography>
 
             {bonusesLoading ? (
               <FullScreenLoader
@@ -519,34 +530,35 @@ export default function Shop() {
             }}
           >
             <Box sx={{ display: 'flex', gap: 2 }}>
-              <Typography variant="h6">Кейсы</Typography>
+              <Typography
+                variant="h6"
+                sx={{
+                  fontFamily: 'Benzin-Bold',
+                  backgroundImage:
+                    'linear-gradient(136deg, rgb(242,113,33), rgb(233,64,87), rgb(138,35,135))',
+                  WebkitBackgroundClip: 'text',
+                  WebkitTextFillColor: 'transparent',
+                }}
+              >
+                Кейсы
+              </Typography>
 
               {!isOnline && (
                 <Button
                   variant="outlined"
                   size="small"
                   sx={{
-                    width: '9em',
-                    height: '3em',
-                    borderRadius: '2.5vw',
-                    fontFamily: 'Benzin-Bold',
-                    fontSize: '0.7em',
+                    transition: 'transform 0.3s ease',
+                    width: '60%',
                     background:
                       'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
+                    fontFamily: 'Benzin-Bold',
+                    borderRadius: '2.5vw',
+                    fontSize: '0.8em',
                     color: 'white',
-                    border: 'none',
-                    transition: 'transform 0.3s ease',
                     '&:hover': {
-                      background:
-                        'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
-                      transform: 'scale(1.05)',
-                      boxShadow: '0 4px 15px rgba(242, 113, 33, 0.4)',
+                      transform: 'scale(1.1)',
                     },
-                    boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',
-                  }}
-                  onClick={() => {
-                    checkPlayerStatus(); // обновляем онлайн-статус
-                    loadCases(); // обновляем ТОЛЬКО кейсы
                   }}
                 >
                   Обновить
@@ -592,7 +604,18 @@ export default function Shop() {
 
           {/* Блок плащей */}
           <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
-            <Typography variant="h6">Доступные плащи</Typography>
+            <Typography
+              variant="h6"
+              sx={{
+                fontFamily: 'Benzin-Bold',
+                backgroundImage:
+                  'linear-gradient(136deg, rgb(242,113,33), rgb(233,64,87), rgb(138,35,135))',
+                WebkitBackgroundClip: 'text',
+                WebkitTextFillColor: 'transparent',
+              }}
+            >
+              Плащи
+            </Typography>
 
             {availableCapes.length > 0 ? (
               <Grid container spacing={2}>
@@ -635,9 +658,12 @@ export default function Shop() {
         onClose={handleCloseNotification}
       >
         <Alert
-          onClose={handleCloseNotification}
-          severity={notification.type}
-          sx={{ width: '100%' }}
+          sx={{
+            background:
+              'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
+            color: 'white',
+            fontFamily: 'Benzin-Bold',
+          }}
         >
           {notification.message}
         </Alert>