From 713d881445d11e9e420d9aaa65a410fddd5982a7 Mon Sep 17 00:00:00 2001
From: dwindown <dwinx.ramz@gmail.com>
Date: Sun, 11 Jan 2026 23:40:40 +0700
Subject: [PATCH] Move calendar cleanup button to status filter pills for
 cleaner UI
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Removed separate section for cleanup button
- Added CleanUp button inline with status filter pills
- Shorter text (CleanUp instead of full description)
- Matches the size and style of other filter buttons
- Saves vertical space on the page

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 src/pages/admin/AdminConsulting.tsx | 47 ++++++++++++-----------------
 1 file changed, 20 insertions(+), 27 deletions(-)

diff --git a/src/pages/admin/AdminConsulting.tsx b/src/pages/admin/AdminConsulting.tsx
index caad202..b754dd5 100644
--- a/src/pages/admin/AdminConsulting.tsx
+++ b/src/pages/admin/AdminConsulting.tsx
@@ -452,36 +452,10 @@ export default function AdminConsulting() {
           <Video className="w-10 h-10" />
           Manajemen Konsultasi
         </h1>
-        <p className="text-muted-foreground mb-4">
+        <p className="text-muted-foreground mb-8">
           Kelola jadwal dan link Google Meet untuk sesi konsultasi
         </p>
 
-        {/* Calendar Cleanup Button */}
-        <div className="mb-6">
-          <Button
-            variant="outline"
-            size="sm"
-            onClick={handleCalendarCleanup}
-            disabled={cleaningCalendar}
-            className="border-orange-600 text-orange-600 hover:bg-orange-50"
-          >
-            {cleaningCalendar ? (
-              <>
-                <Loader2 className="w-4 h-4 mr-2 animate-spin" />
-                Membersihkan Calendar Events...
-              </>
-            ) : (
-              <>
-                <AlertCircle className="w-4 h-4 mr-2" />
-                Cleanup Calendar Events (Cancelled Sessions)
-              </>
-            )}
-          </Button>
-          <p className="text-xs text-muted-foreground mt-2">
-            Membersihkan Google Calendar events untuk sesi yang sudah dibatalkan
-          </p>
-        </div>
-
         {/* Passed Confirmed Sessions Alert */}
         {passedConfirmedSessions.length > 0 && (
           <Card className="border-2 border-orange-500 bg-orange-50 dark:bg-orange-950 mb-6">
@@ -662,6 +636,25 @@ export default function AdminConsulting() {
                 >
                   Dibatalkan
                 </Button>
+                <Button
+                  variant="outline"
+                  size="sm"
+                  onClick={handleCalendarCleanup}
+                  disabled={cleaningCalendar}
+                  className="border-orange-600 text-orange-600 hover:bg-orange-50 border-2"
+                >
+                  {cleaningCalendar ? (
+                    <>
+                      <Loader2 className="w-3 h-3 mr-1 animate-spin" />
+                      Cleaning...
+                    </>
+                  ) : (
+                    <>
+                      <AlertCircle className="w-3 h-3 mr-1" />
+                      CleanUp
+                    </>
+                  )}
+                </Button>
                 {(searchQuery || filterStatus !== 'all') && (
                   <Button
                     variant="ghost"