From e0f15ad15dc299e95b5aeba826fbd4e5689a14fd Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Sat, 19 Jul 2025 12:29:03 +0000
Subject: [PATCH] Set the default quantity to one when adding new products to a
 sale

Sets the default `quantite` value to '1' in `NewSaleForm.tsx` and updates the input placeholder.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: e80fed01-7137-4997-b9af-dad57132d430
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/0715008c-7244-40f4-befc-26c014852236/e80fed01-7137-4997-b9af-dad57132d430/J2iBQMm
---
 client/src/components/NewSaleForm.tsx | 6 +++---
 replit.md                             | 5 +++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/src/components/NewSaleForm.tsx b/client/src/components/NewSaleForm.tsx
index 8dd97a5..980cac8 100644
--- a/client/src/components/NewSaleForm.tsx
+++ b/client/src/components/NewSaleForm.tsx
@@ -64,7 +64,7 @@ export default function NewSaleForm() {
   const form = useForm<FormData>({
     defaultValues: {
       vendeur: '',
-      products: [{ typeArticle: '', categorie: '', quantite: '', gencode: '' }],
+      products: [{ typeArticle: '', categorie: '', quantite: '1', gencode: '' }],
       nom: '',
       prenom: '',
       dateNaissance: '',
@@ -85,7 +85,7 @@ export default function NewSaleForm() {
   
   const addProduct = () => {
     const currentProducts = form.getValues('products');
-    form.setValue('products', [...currentProducts, { typeArticle: '', categorie: '', quantite: '', gencode: '' }]);
+    form.setValue('products', [...currentProducts, { typeArticle: '', categorie: '', quantite: '1', gencode: '' }]);
   };
 
   const removeProduct = (index: number) => {
@@ -454,7 +454,7 @@ export default function NewSaleForm() {
                     <FormItem>
                       <FormLabel>Quantité <span className="text-destructive">*</span></FormLabel>
                       <FormControl>
-                        <Input type="number" min="1" placeholder="Entrez la quantité" className="modern-input" {...field} />
+                        <Input type="number" min="1" placeholder="1" className="modern-input" {...field} />
                       </FormControl>
                       <FormMessage />
                     </FormItem>
diff --git a/replit.md b/replit.md
index 5f07219..7e40e2f 100644
--- a/replit.md
+++ b/replit.md
@@ -332,6 +332,11 @@ Preferred communication style: Simple, everyday language.
 - ✅ **Validation Adjustment**: Photos no longer required for form submission compliance
 - ✅ **User Experience**: Added explanatory text to reduce confusion about photo requirements
 
+### Form Usability Improvements (January 19, 2025)
+- ✅ **Default Quantity**: Set product quantity field to default value of 1 for better user experience
+- ✅ **Streamlined Input**: Users no longer need to manually enter quantity for single item purchases
+- ✅ **Placeholder Update**: Changed placeholder text to reflect default value
+
 ### Docker Configuration & Cleanup (January 9, 2025)
 - ✅ Complete Docker setup optimized for external PostgreSQL database
 - ✅ Docker Compose configuration with RegisFlow application only