From e2b281498e82dd8825e9d4e543de81e5b4974a5c Mon Sep 17 00:00:00 2001
From: Saurabh Kumar Bajpai <saurabhkumarbajpaiai@gmail.com>
Date: Sat, 1 Aug 2026 05:08:45 +0530
Subject: [PATCH] fix: code quality and safety improvements

---
 src/pages/Home/components/VisitorBadge.jsx | 2 +-
 src/pages/PageNumbers/PageNumbers.jsx      | 2 +-
 src/pages/Watermark/Watermark.jsx          | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/Home/components/VisitorBadge.jsx b/src/pages/Home/components/VisitorBadge.jsx
index f36dee6..474f6f3 100644
--- a/src/pages/Home/components/VisitorBadge.jsx
+++ b/src/pages/Home/components/VisitorBadge.jsx
@@ -70,7 +70,7 @@ function OdometerDisplay({ value }) {
             ,
           </span>
         ) : (
-          <Reel key={i} digit={parseInt(char)} />
+          <Reel key={i} digit={parseInt(char, 10)} />
         )
       )}
     </div>
diff --git a/src/pages/PageNumbers/PageNumbers.jsx b/src/pages/PageNumbers/PageNumbers.jsx
index 601b7ea..ea942c5 100644
--- a/src/pages/PageNumbers/PageNumbers.jsx
+++ b/src/pages/PageNumbers/PageNumbers.jsx
@@ -216,7 +216,7 @@ export function PageNumbers() {
                   value={startNumber}
                   min={0}
                   max={9999}
-                  onChange={(e) => setStartNumber(Math.max(0, parseInt(e.target.value) || 0))}
+                  onChange={(e) => setStartNumber(Math.max(0, parseInt(e.target.value, 10) || 0))}
                   className="w-full h-11 px-4 bg-zinc-900/60 border border-white/10 rounded-xl text-sm text-white focus:outline-none focus:border-white/30 transition-colors"
                 />
               </div>
diff --git a/src/pages/Watermark/Watermark.jsx b/src/pages/Watermark/Watermark.jsx
index 22574e5..35979f3 100644
--- a/src/pages/Watermark/Watermark.jsx
+++ b/src/pages/Watermark/Watermark.jsx
@@ -258,7 +258,7 @@ export function Watermark() {
                   {watermarkMode === "text" && (
                     <div className="space-y-2">
                       <label className="text-xs text-zinc-500 uppercase">Size: {options.fontSize}px</label>
-                      <input type="range" min="10" max="200" value={options.fontSize} onChange={(e) => updateOption("fontSize", parseInt(e.target.value))} className="w-full h-1.5 bg-zinc-800 rounded-lg appearance-none cursor-pointer accent-white" />
+                      <input type="range" min="10" max="200" value={options.fontSize} onChange={(e) => updateOption("fontSize", parseInt(e.target.value, 10))} className="w-full h-1.5 bg-zinc-800 rounded-lg appearance-none cursor-pointer accent-white" />
                     </div>
                   )}
                   {watermarkMode === "image" && (
@@ -278,7 +278,7 @@ export function Watermark() {
 
                 <div className="space-y-2">
                   <label className="text-xs text-zinc-500 uppercase">Rotation: {options.rotation}°</label>
-                  <input type="range" min="-90" max="90" value={options.rotation} onChange={(e) => updateOption("rotation", parseInt(e.target.value))} className="w-full h-1.5 bg-zinc-800 rounded-lg appearance-none cursor-pointer accent-white" />
+                  <input type="range" min="-90" max="90" value={options.rotation} onChange={(e) => updateOption("rotation", parseInt(e.target.value, 10))} className="w-full h-1.5 bg-zinc-800 rounded-lg appearance-none cursor-pointer accent-white" />
                 </div>
 
                 <div className="grid grid-cols-2 gap-4">
@@ -287,7 +287,7 @@ export function Watermark() {
                     <input
                       type="number"
                       value={options.offsetX}
-                      onChange={(e) => updateOption("offsetX", parseInt(e.target.value) || 0)}
+                      onChange={(e) => updateOption("offsetX", parseInt(e.target.value, 10) || 0)}
                       className="w-full h-10 px-3 bg-black border border-white/10 text-white rounded-lg outline-none focus:ring-1 focus:ring-white/20"
                     />
                   </div>
@@ -296,7 +296,7 @@ export function Watermark() {
                     <input
                       type="number"
                       value={options.offsetY}
-                      onChange={(e) => updateOption("offsetY", parseInt(e.target.value) || 0)}
+                      onChange={(e) => updateOption("offsetY", parseInt(e.target.value, 10) || 0)}
                       className="w-full h-10 px-3 bg-black border border-white/10 text-white rounded-lg outline-none focus:ring-1 focus:ring-white/20"
                     />
                   </div>