Move calendar cleanup button to status filter pills for cleaner UI
- 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>
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user