From 39ad2f00b50da98fd75c682baa836cf6194ff5ca Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Fri, 24 Apr 2026 18:48:22 +0100
Subject: [PATCH] Add back button to Admin page

---
 src/pages/Admin.tsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/pages/Admin.tsx b/src/pages/Admin.tsx
index 83e06fd8..6377883c 100644
--- a/src/pages/Admin.tsx
+++ b/src/pages/Admin.tsx
@@ -1,16 +1,27 @@
+import { useNavigate } from 'react-router-dom';
 import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/components/ui/tabs';
+import { Button } from '@/components/ui/button';
+import { ArrowLeft } from 'lucide-react';
 import UsersTab from '@/components/admin/UsersTab';
 import UsageTab from '@/components/admin/UsageTab';
 import PricingTab from '@/components/admin/PricingTab';
 import FocusGroupsTab from '@/components/admin/FocusGroupsTab';
 
 export default function Admin() {
+  const navigate = useNavigate();
+
   return (
     <div className="min-h-screen bg-background">
       <div className="max-w-7xl mx-auto px-4 py-8">
-        <div className="mb-6">
-          <h1 className="text-2xl font-bold">Admin Panel</h1>
-          <p className="text-sm text-slate-500 mt-1">User management, usage analytics, and pricing configuration.</p>
+        <div className="mb-6 flex items-start gap-3">
+          <Button variant="ghost" size="sm" onClick={() => navigate('/')} className="mt-1 -ml-2">
+            <ArrowLeft className="h-4 w-4 mr-1" />
+            Back
+          </Button>
+          <div>
+            <h1 className="text-2xl font-bold">Admin Panel</h1>
+            <p className="text-sm text-slate-500 mt-1">User management, usage analytics, and pricing configuration.</p>
+          </div>
         </div>
 
         <Tabs defaultValue="users">