From f105d2cb3f421df10139eec5200cb610cc92460f Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Tue, 7 Jul 2026 12:42:22 +0700
Subject: [PATCH] refactor: simplify media preview navigation by replacing
 button list with current index display for improved user experience

---
 resources/js/components/media/MediaPreviewDialog.vue | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/resources/js/components/media/MediaPreviewDialog.vue b/resources/js/components/media/MediaPreviewDialog.vue
index 4e4d567..4596f70 100644
--- a/resources/js/components/media/MediaPreviewDialog.vue
+++ b/resources/js/components/media/MediaPreviewDialog.vue
@@ -147,11 +147,8 @@ function handleTouchEnd(e: TouchEvent) {
                     Sebelumnya
                 </Button>
 
-                <div class="flex flex-wrap justify-center gap-1.5">
-                    <button v-for="(_, idx) in allUrls" :key="idx" type="button"
-                        class="size-2 rounded-full transition-all duration-200"
-                        :class="idx === currentIndex ? 'bg-primary w-4' : 'bg-muted-foreground/30'"
-                        @click="activeUrl = allUrls[idx]; emit('update:url', allUrls[idx]);" />
+                <div class="text-sm text-muted-foreground font-medium select-none">
+                    {{ currentIndex + 1 }} / {{ allUrls.length }}
                 </div>
 
                 <Button type="button" variant="outline" size="sm" class="flex items-center gap-1 shrink-0"