From c99e98185c25fe50e4bcf6e143006fd9a440fe3e Mon Sep 17 00:00:00 2001
From: Mahen <mahennekkers27@gmail.com>
Date: Wed, 4 Mar 2026 07:41:52 +0700
Subject: [PATCH] chore: change to true headless & type input url

---
 src/components/dashboards/AnalysisClient.tsx | 8 ++++----
 src/services/scrape.service.ts               | 2 ++
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/dashboards/AnalysisClient.tsx b/src/components/dashboards/AnalysisClient.tsx
index 71a0cc1..2ade23c 100644
--- a/src/components/dashboards/AnalysisClient.tsx
+++ b/src/components/dashboards/AnalysisClient.tsx
@@ -76,7 +76,7 @@ export default function AnalysisClient() {
                 Tautan Produk 1
               </label>
               <Input
-                type="text"
+                type="url"
                 placeholder="Contoh: https://tokopedia.com/..."
                 className={`${errors.url1 ? "border-sentiment-negative" : "focus:ring-primary"}`}
                 {...register("url1")}
@@ -92,7 +92,7 @@ export default function AnalysisClient() {
                 Tautan Produk 2
               </label>
               <Input
-                type="text"
+                type="url"
                 placeholder="Contoh: https://tokopedia.com/..."
                 className={`w-full ${errors.url2 ? "border-sentiment-negative" : "focus:ring-primary"}`}
                 {...register("url2")}
@@ -111,7 +111,7 @@ export default function AnalysisClient() {
                 Tautan Produk 3
               </label>
               <Input
-                type="text"
+                type="url"
                 placeholder="Contoh: https://tokopedia.com/..."
                 className={`w-full ${errors.url3 ? "border-sentiment-negative" : "focus:ring-primary"}`}
                 {...register("url3")}
@@ -132,7 +132,7 @@ export default function AnalysisClient() {
                   <div className="flex gap-2">
                     <div className="flex-1">
                       <Input
-                        type="text"
+                        type="url"
                         placeholder="Contoh: https://tokopedia.com/..."
                         className={`${errors.url4 ? "border-sentiment-negative" : "focus:ring-primary"}`}
                         {...register("url4")}
diff --git a/src/services/scrape.service.ts b/src/services/scrape.service.ts
index 20c64df..109f769 100644
--- a/src/services/scrape.service.ts
+++ b/src/services/scrape.service.ts
@@ -58,6 +58,8 @@ export async function scrapeTokopediaProduct(
     const maxPages = 5;
 
     for (let i = 1; i <= maxPages; i++) {
+      console.log(`📄 Scraping Halaman ${i}...`);
+
       await page
         .waitForSelector('[data-testid="lblItemUlasan"]', { timeout: 8000 })
         .catch(() => null);