From ae2a0bf3a1bed08a190e9e913a2919c15fe5f72e Mon Sep 17 00:00:00 2001
From: dwindown <dwinx.ramz@gmail.com>
Date: Fri, 26 Dec 2025 00:53:54 +0700
Subject: [PATCH] Fix bootcamp and webinar action buttons
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bootcamp fixes:
- Change "Sudah Selesai" to "Selesai" (shorter, cleaner)
- Replace "Selanjutnya" button with "Beri Ulasan" when all lessons completed
- Makes more sense than "Lanjutkan" when there's nothing to continue

Webinar fixes:
- Check if webinar has ended based on event_start date
- Only show "Gabung Webinar" button if webinar hasn't ended AND has meeting link
- Show "Rekaman segera tersedia" badge for passed webinars without recording
- Only show recording player/video if recording_url exists

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

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 src/pages/Bootcamp.tsx      | 27 +++++++++++++++++----------
 src/pages/ProductDetail.tsx | 30 ++++++++++++++++++++++--------
 2 files changed, 39 insertions(+), 18 deletions(-)

diff --git a/src/pages/Bootcamp.tsx b/src/pages/Bootcamp.tsx
index 02ee94d..d8d1d34 100644
--- a/src/pages/Bootcamp.tsx
+++ b/src/pages/Bootcamp.tsx
@@ -408,22 +408,29 @@ export default function Bootcamp() {
                   {isLessonCompleted(selectedLesson.id) ? (
                     <>
                       <Check className="w-4 h-4 mr-2" />
-                      Sudah Selesai
+                      Selesai
                     </>
                   ) : (
                     'Tandai Selesai'
                   )}
                 </Button>
 
-                <Button
-                  variant="outline"
-                  onClick={goToNextLesson}
-                  disabled={modules.flatMap(m => m.lessons).findIndex(l => l.id === selectedLesson.id) === modules.flatMap(m => m.lessons).length - 1}
-                  className="border-2"
-                >
-                  Selanjutnya
-                  <ChevronRight className="w-4 h-4 ml-2" />
-                </Button>
+                {isBootcampCompleted ? (
+                  <Button onClick={() => setReviewModalOpen(true)} className="shadow-sm">
+                    <Star className="w-4 h-4 mr-2" />
+                    Beri Ulasan
+                  </Button>
+                ) : (
+                  <Button
+                    variant="outline"
+                    onClick={goToNextLesson}
+                    disabled={modules.flatMap(m => m.lessons).findIndex(l => l.id === selectedLesson.id) === modules.flatMap(m => m.lessons).length - 1}
+                    className="border-2"
+                  >
+                    Selanjutnya
+                    <ChevronRight className="w-4 h-4 ml-2" />
+                  </Button>
+                )}
               </div>
 
               {/* Bootcamp completion review prompt */}
diff --git a/src/pages/ProductDetail.tsx b/src/pages/ProductDetail.tsx
index c8fa715..89b81bd 100644
--- a/src/pages/ProductDetail.tsx
+++ b/src/pages/ProductDetail.tsx
@@ -254,6 +254,9 @@ export default function ProductDetail() {
           </Button>
         );
       case 'webinar':
+        // Check if webinar has ended
+        const webinarEnded = product.event_start && new Date(product.event_start) <= new Date();
+
         if (product.recording_url) {
           return (
             <div className="space-y-4">
@@ -274,14 +277,25 @@ export default function ProductDetail() {
             </div>
           );
         }
-        return product.meeting_link ? (
-          <Button asChild size="lg" className="shadow-sm">
-            <a href={product.meeting_link} target="_blank" rel="noopener noreferrer">
-              <Video className="w-4 h-4 mr-2" />
-              Gabung Webinar
-            </a>
-          </Button>
-        ) : <Badge className="bg-primary text-primary-foreground">Rekaman segera tersedia</Badge>;
+
+        // Only show "Gabung Webinar" if webinar hasn't ended and has meeting link
+        if (!webinarEnded && product.meeting_link) {
+          return (
+            <Button asChild size="lg" className="shadow-sm">
+              <a href={product.meeting_link} target="_blank" rel="noopener noreferrer">
+                <Video className="w-4 h-4 mr-2" />
+                Gabung Webinar
+              </a>
+            </Button>
+          );
+        }
+
+        // Webinar has ended but no recording yet
+        if (webinarEnded) {
+          return <Badge className="bg-muted text-primary">Rekaman segera tersedia</Badge>;
+        }
+
+        return null;
       case 'bootcamp':
         return (
           <Button onClick={() => navigate(`/bootcamp/${product.slug}`)} size="lg" className="shadow-sm">