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" />
|
<Video className="w-10 h-10" />
|
||||||
Manajemen Konsultasi
|
Manajemen Konsultasi
|
||||||
</h1>
|
</h1>
|
||||||
<p className="text-muted-foreground mb-4">
|
<p className="text-muted-foreground mb-8">
|
||||||
Kelola jadwal dan link Google Meet untuk sesi konsultasi
|
Kelola jadwal dan link Google Meet untuk sesi konsultasi
|
||||||
</p>
|
</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 */}
|
{/* Passed Confirmed Sessions Alert */}
|
||||||
{passedConfirmedSessions.length > 0 && (
|
{passedConfirmedSessions.length > 0 && (
|
||||||
<Card className="border-2 border-orange-500 bg-orange-50 dark:bg-orange-950 mb-6">
|
<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
|
Dibatalkan
|
||||||
</Button>
|
</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') && (
|
{(searchQuery || filterStatus !== 'all') && (
|
||||||
<Button
|
<Button
|
||||||
variant="ghost"
|
variant="ghost"
|
||||||
|
|||||||
Reference in New Issue
Block a user