Re-Quest/adminpanel
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add onFocus select and min attribute to number input fields across various forms for improved usability.

Browse Source
This commit is contained in:
pradeepkumar
2026-02-06 06:58:56 +05:30
parent f25aee39d9
commit 5434e409fa
3 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/dashboard/agent-types/page.tsx
View File

@@ -357,6 +357,8 @@ export default function AgentTypesPage() {
type="number"
value={formData.sortOrder}
onChange={(e) => setFormData({ ...formData, sortOrder: parseInt(e.target.value) || 0 })}
onFocus={(e) => e.target.select()}
min={0}
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-gray-900 bg-white"
/>
</div>

8
src/app/dashboard/profile-sections/[id]/page.tsx
View File

@@ -663,6 +663,8 @@ export default function SectionDetailPage() {
type="number"
value={fieldForm.sortOrder}
onChange={(e) => setFieldForm({ ...fieldForm, sortOrder: parseInt(e.target.value) || 0 })}
onFocus={(e) => e.target.select()}
min={0}
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-gray-900 bg-white"
/>
</div>
@@ -785,6 +787,7 @@ export default function SectionDetailPage() {
type="number"
value={fieldForm.rangeConfig?.min || 0}
onChange={(e) => updateRangeConfig('min', e.target.value)}
onFocus={(e) => e.target.select()}
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm text-gray-900 bg-white"
/>
</div>
@@ -794,6 +797,7 @@ export default function SectionDetailPage() {
type="number"
value={fieldForm.rangeConfig?.max || 100}
onChange={(e) => updateRangeConfig('max', e.target.value)}
onFocus={(e) => e.target.select()}
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm text-gray-900 bg-white"
/>
</div>
@@ -803,6 +807,8 @@ export default function SectionDetailPage() {
type="number"
value={fieldForm.rangeConfig?.step || 1}
onChange={(e) => updateRangeConfig('step', e.target.value)}
onFocus={(e) => e.target.select()}
min={1}
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm text-gray-900 bg-white"
/>
</div>
@@ -917,6 +923,8 @@ export default function SectionDetailPage() {
type="number"
value={assignForm.sortOrder}
onChange={(e) => setAssignForm({ ...assignForm, sortOrder: parseInt(e.target.value) || 0 })}
onFocus={(e) => e.target.select()}
min={0}
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-gray-900 bg-white"
/>
</div>

2
src/app/dashboard/profile-sections/page.tsx
View File

@@ -426,6 +426,8 @@ export default function ProfileSectionsPage() {
type="number"
value={formData.sortOrder}
onChange={(e) => setFormData({ ...formData, sortOrder: parseInt(e.target.value) || 0 })}
onFocus={(e) => e.target.select()}
min={0}
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-gray-900 bg-white"
/>
</div>