double quotes in jsx

Author: Laoujin

frontend/.eslintrc.json

@@ -28,7 +28,8 @@
     "no-useless-computed-key": "error",
     "no-var": "error",
     "no-shadow": "off",
-    "@typescript-eslint/no-shadow": "error"
+    "@typescript-eslint/no-shadow": "error",
+    "jsx-quotes": ["error", "prefer-double"]
   },
   "overrides": [
     {

frontend/src/components/controls/form-controls/select/SelectWithCreateButton.tsx

@@ -26,7 +26,7 @@ export const SelectWithCreateButton = ({claim, children, openCreateModal, create
     </div>
     <div style={{width: 120, position: 'relative'}}>
       <Button
-        className='tst-create'
+        className="tst-create"
         claim={{claim, or: 'disabled'}}
         onClick={openCreateModal}
         variant="light"

frontend/src/components/controls/table/ListSelect.tsx

@@ -52,7 +52,7 @@ export const ListSelect = ({data, value, onChange, ...props}: ListSelectProps<In
               <CheckboxInput
                 value={value.map(i => i._id).includes(model._id)}
                 onChange={() => handleCheckboxChange(model)}
-                label=''
+                label=""
               />
             </td>
             <td>#{model.number}</td>

frontend/src/components/invoice/invoice-edit/EditInvoiceHeader.tsx

@@ -39,7 +39,7 @@ export const EditInvoiceHeader = ({invoice, onChange}: EditInvoiceHeaderProps) =
                 showNote
               />
               <DownloadInvoiceButton invoice={invoice} />
-              {!invoice?.isQuotation && <InvoiceDownloadIcon invoice={invoice} fileType='xml' style={{color: '#0062cc', marginLeft: 20}} />}
+              {!invoice?.isQuotation && <InvoiceDownloadIcon invoice={invoice} fileType="xml" style={{color: '#0062cc', marginLeft: 20}} />}
             </div>
           </div>
         )}

frontend/src/components/invoice/invoice-edit/EditInvoiceSaveButtons.tsx

@@ -19,7 +19,7 @@ export const EditInvoiceSaveButtons = ({invoice, onClick}: EditInvoiceSaveButton
       {!isNewInvoice && !invoice.isQuotation && invoice.client &&
         <BusyButton
           claim={Claim.ManageInvoices}
-          variant='light'
+          variant="light"
           icon="far fa-thin fa-copy"
           onClick={() => onClick('clone', navigate)}
           className="tst-clone-invoice"

frontend/src/components/invoice/invoice-table/InvoiceListRowActions.tsx

@@ -56,7 +56,7 @@ export const InvoiceListRowActions = ({invoice, small = false, buttons, hideEdit
         <InvoiceVerifyIconToggle claim={Claim.ValidateInvoices} invoice={invoice} toggleBusy={toggleBusy} />
       }
       {(buttons?.includes('download') ?? true) && !small &&
-        <InvoiceDownloadIcon invoice={invoice} fileType='pdf' />
+        <InvoiceDownloadIcon invoice={invoice} fileType="pdf" />
       }
       {(buttons?.includes('preview') ?? true) &&
         <InvoicePreviewIcon invoice={invoice} />

frontend/src/components/project/project-month-list/table/inbound/ProjectMonthInboundCell.tsx

@@ -138,7 +138,7 @@ export const ProjectMonthInboundCell = ({fullProjectMonth}: ProjectMonthInboundC
         </div>
       )}
       {fullProjectMonth.details.inbound.proforma && (
-        <div className='inbound-proforma'>
+        <div className="inbound-proforma">
           <span>{t('projectMonth.proformaTitle')}</span>
           <ProformaForecast fullProjectMonth={fullProjectMonth} />
           <span>{t(`project.proforma.${fullProjectMonth.project.projectMonthConfig.proforma}`)}</span>