From c11ad837063d529a33508d8f94762931166ff3ae Mon Sep 17 00:00:00 2001
From: LeonG11 <kkacanov198@gmail.com>
Date: Tue, 14 Jul 2026 11:50:25 +0300
Subject: [PATCH] fix:add admin button

---
 frontend/src/components/AdminOrders.jsx   |  2 +-
 frontend/src/components/BurgerMenu.jsx    | 28 +++++++++++++++++++++
 frontend/src/components/FooterDesktop.jsx | 28 +++++++++++++++++++++
 frontend/src/components/HeaderDesktop.jsx | 30 +++++++++++++++++++++++
 4 files changed, 87 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/AdminOrders.jsx b/frontend/src/components/AdminOrders.jsx
index 6c502da..bbfec31 100644
--- a/frontend/src/components/AdminOrders.jsx
+++ b/frontend/src/components/AdminOrders.jsx
@@ -73,7 +73,7 @@ export default function AdminOrders() {
                   <img
                     src={`/static/items/${oi.item?.avatar_url}`}
                     alt=""
-                    className="w-20 h-20 object-cover rounded shrink-0"
+                    className="w-40 h-40 object-cover rounded shrink-0"
                   />
                   <span className="grow">{oi.item?.name}</span>
                   <span className="whitespace-nowrap">
diff --git a/frontend/src/components/BurgerMenu.jsx b/frontend/src/components/BurgerMenu.jsx
index 336287f..3e41062 100644
--- a/frontend/src/components/BurgerMenu.jsx
+++ b/frontend/src/components/BurgerMenu.jsx
@@ -2,6 +2,15 @@ import { useNavigate } from "react-router-dom";
 import BurgerClose from "./BurgerClose";
 
 export default function BurgerMenu({ isOpen, onClose }) {
+  const raw = localStorage.getItem("user");
+  let user = null;
+  try {
+    user = raw ? JSON.parse(raw) : null;
+  } catch {
+    user = null;
+  }
+
+  const isAdmin = user?.role == "Админ";
   const navigate = useNavigate();
   return (
     <div
@@ -55,6 +64,25 @@ export default function BurgerMenu({ isOpen, onClose }) {
           >
             контакты
           </button>
+          {isAdmin && (
+            <>
+              <svg
+                width="4"
+                height="4"
+                viewBox="0 0 4 4"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <circle cx="2" cy="2" r="2" fill="white" />
+              </svg>
+              <button
+                className="hover:text-gold duration-200 transition uppercase"
+                onClick={() => navigate("/admin")}
+              >
+                админ
+              </button>
+            </>
+          )}
         </div>
       </div>
     </div>
diff --git a/frontend/src/components/FooterDesktop.jsx b/frontend/src/components/FooterDesktop.jsx
index 9de678d..22329a5 100644
--- a/frontend/src/components/FooterDesktop.jsx
+++ b/frontend/src/components/FooterDesktop.jsx
@@ -3,6 +3,15 @@ import siteLogo from "../assets/Исходники/logo.png";
 
 export default function FooterDesktop() {
   const navigate = useNavigate();
+  const raw = localStorage.getItem("user");
+  let user = null;
+  try {
+    user = raw ? JSON.parse(raw) : null;
+  } catch {
+    user = null;
+  }
+
+  const isAdmin = user?.role == "Админ";
 
   return (
     <footer className="bg-light-blue w-full h-27.5 px-16 flex items-center justify-between ">
@@ -51,6 +60,25 @@ export default function FooterDesktop() {
         >
           контакты
         </button>
+        {isAdmin && (
+          <>
+            <svg
+              width="4"
+              height="4"
+              viewBox="0 0 4 4"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <circle cx="2" cy="2" r="2" fill="white" />
+            </svg>
+            <button
+              className="hover:text-gold duration-200 transition uppercase"
+              onClick={() => navigate("/admin")}
+            >
+              админ
+            </button>
+          </>
+        )}
       </div>
 
       <div className="flex items-center">
diff --git a/frontend/src/components/HeaderDesktop.jsx b/frontend/src/components/HeaderDesktop.jsx
index 5339fd7..8c4ba52 100644
--- a/frontend/src/components/HeaderDesktop.jsx
+++ b/frontend/src/components/HeaderDesktop.jsx
@@ -4,6 +4,16 @@ import siteLogo from "../assets/Исходники/logo.png";
 export default function HeaderDesktop() {
   const navigate = useNavigate();
 
+  const raw = localStorage.getItem("user");
+  let user = null;
+  try {
+    user = raw ? JSON.parse(raw) : null;
+  } catch {
+    user = null;
+  }
+
+  const isAdmin = user?.role == "Админ";
+
   const handleProfileClick = () => {
     const token = localStorage.getItem("token");
     if (token) {
@@ -60,6 +70,26 @@ export default function HeaderDesktop() {
         >
           контакты
         </button>
+
+        {isAdmin && (
+          <>
+            <svg
+              width="4"
+              height="4"
+              viewBox="0 0 4 4"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <circle cx="2" cy="2" r="2" fill="white" />
+            </svg>
+            <button
+              className="hover:text-gold duration-200 transition uppercase"
+              onClick={() => navigate("/admin")}
+            >
+              админ
+            </button>
+          </>
+        )}
       </div>
 
       <div className="flex items-center">