counter

webdevcody · Feb 2, 2024 · 19629f2 · 19629f2
1 parent 60fa59d
commit 19629f2
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/app/thumbnails/[thumbnailId]/page.tsx b/src/app/thumbnails/[thumbnailId]/page.tsx
@@ -159,7 +159,7 @@ export default function ThumbnailPage() {
           thumbnail={thumbnail}
         />
 
-        <div className="flex justify-between gap-4">
+        <div className="flex justify-between gap-4 items-center">
           <Button
             onClick={() => {
               const nextIndex = currentImageIndex - 1;
@@ -173,6 +173,11 @@ export default function ThumbnailPage() {
           >
             <ArrowLeftIcon size={"14"} /> Previous
           </Button>
+
+          <div>
+            {currentImageIndex + 1} of {thumbnail.images.length}
+          </div>
+
           <Button
             onClick={() => {
               const nextIndex = currentImageIndex + 1;