Create a document as a glose of multiple documents (see#404)

 Fix checkbox bug

Author: Mathys-Lemort

frontend/src/components/DocumentsCards.jsx

@@ -7,7 +7,7 @@ import BrowseTools from './BrowseTools';
 import FutureDocument from './FutureDocument';
 import { TypeBadge } from './Type';
 
-function DocumentsCards({docs, expandable, byRow, createOn, setLastUpdate, backend, user, selectedDocs, setSelectedDocs}) {
+function DocumentsCards({docs, expandable, byRow, createOn, setLastUpdate, backend, user, selectedDocs, setSelectedDocs, showCheckboxes}) {
   return (
     <Row className="gy-4">
       {docs.map(x => x?._id && x?.dc_title &&
@@ -17,6 +17,7 @@ function DocumentsCards({docs, expandable, byRow, createOn, setLastUpdate, backe
             expandable={expandable}
             selectedDocs={selectedDocs}
             setSelectedDocs={setSelectedDocs}
+            showCheckboxes={showCheckboxes}
           />
         </Col>
       )}
@@ -33,7 +34,7 @@ function DocumentsCards({docs, expandable, byRow, createOn, setLastUpdate, backe
   );
 }
 
-function DocumentCard({doc, expandable, selectedDocs, setSelectedDocs}) {
+function DocumentCard({doc, expandable, selectedDocs, setSelectedDocs, showCheckboxes}) {
   const handleCheck = (e) => {
     if (e.target.checked) {
       setSelectedDocs(prev => [...prev, doc._id]);
@@ -46,14 +47,17 @@ function DocumentCard({doc, expandable, selectedDocs, setSelectedDocs}) {
     <Card className="h-100 position-relative">
       <Card.Body>
         <div className="d-flex align-items-start gap-2 mb-2">
-          <Form.Check
-            type="checkbox"
-            id={`check-${doc._id}`}
-            className="me-1"
-            style={{ cursor: 'pointer' }}
-            checked={selectedDocs?.includes(doc._id) || false}
-            onChange={handleCheck}
-          />
+          {/* La checkbox s'affiche uniquement si showCheckboxes est vrai */}
+          {showCheckboxes && (
+            <Form.Check
+              type="checkbox"
+              id={`check-${doc._id}`}
+              className="me-1"
+              style={{ cursor: 'pointer' }}
+              checked={selectedDocs?.includes(doc._id) || false}
+              onChange={handleCheck}
+            />
+          )}
           <div className="flex-grow-1">
             <BrowseTools id={doc._id} openable={expandable} />
           </div>

frontend/src/routes/Bookshelf.jsx

@@ -81,7 +81,7 @@ function Bookshelf({ backend, user }) {
             {selectedDocs.length > 0 && (
               <div className="card p-3 mb-4 justify-content-between align-items-center flex-direction-row">
                 <div>Create a new quotation with the <strong>{selectedDocs.length}</strong> selected document(s)</div>
-                <Button variant="danger" onClick={handleCreateQuotation}>
+                <Button variant="outline-danger" onClick={handleCreateQuotation}>
                   Create Quotation
                 </Button>
               </div>
@@ -92,6 +92,7 @@ function Bookshelf({ backend, user }) {
               createOn={[]}
               selectedDocs={selectedDocs}
               setSelectedDocs={setSelectedDocs}
+              showCheckboxes={true}
               {...{setLastUpdate, backend, user}}
             />
           </>