From 0d606c1afabc72815f64863fe1ee38bf1e5ccdab Mon Sep 17 00:00:00 2001
From: Max Strother <mdlkxzmcp@gmail.com>
Date: Sat, 27 Sep 2025 02:47:47 +0200
Subject: [PATCH] feat: make late fee optional + don't include logo placeholder
 and empty client in the PDF (#31)

* fix: don't include the placeholder logo in PDF

* feat: make late fee optional

* fix: don't include the empty Client text in PDF
---
 src/components/clients/ClientSelector.vue |  2 +-
 src/components/invoices/InvoiceHeader.vue | 16 +++++++++-------
 src/components/team/TeamLogo.vue          |  2 +-
 src/services/invoice.service.js           |  2 --
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/clients/ClientSelector.vue b/src/components/clients/ClientSelector.vue
index bd04ed6..f1000f5 100644
--- a/src/components/clients/ClientSelector.vue
+++ b/src/components/clients/ClientSelector.vue
@@ -5,7 +5,7 @@
              ref="button"
              :tabindex="tabindex"
              @click="toggleOpen">
-            <span v-if="!value">{{ $t('client') }}</span>
+            <span v-if="!value" class="d-print-none">{{ $t('client') }}</span>
             <span v-else>{{ value }}</span>
         </div>
         <div class="search-popover__overlay" v-if="isOpen" @click="toggleOpen"></div>
diff --git a/src/components/invoices/InvoiceHeader.vue b/src/components/invoices/InvoiceHeader.vue
index 087c069..d443d3d 100644
--- a/src/components/invoices/InvoiceHeader.vue
+++ b/src/components/invoices/InvoiceHeader.vue
@@ -37,13 +37,15 @@
                            :inline="true"
                            field="due_at"/>
         </BModal>
-        <br>{{ $t('late_fee') }}
-        <AppEditable :value="invoice.late_fee | currency"
-                     :errors="errors"
-                     suffix="%"
-                     field="late_fee"
-                     :placeholder="$t('add_late_fee')"
-                     @change="updateProp({ late_fee: $event })"/>
+        <span :class="{'d-print-none': !invoice.late_fee}">
+            <br>{{ $t('late_fee') }}
+            <AppEditable :value="invoice.late_fee | currency"
+                         :errors="errors"
+                         suffix="%"
+                         field="late_fee"
+                         :placeholder="$t('add_late_fee')"
+                         @change="updateProp({ late_fee: $event })"/>
+        </span>
     </div>
 </template>
 <script>
diff --git a/src/components/team/TeamLogo.vue b/src/components/team/TeamLogo.vue
index d30650c..8448282 100644
--- a/src/components/team/TeamLogo.vue
+++ b/src/components/team/TeamLogo.vue
@@ -4,7 +4,7 @@
              class="pointer"
              @click="openModal"
              :src="team.logo_url" style="width:100%; max-width:200px;">
-        <button class="btn btn-sm" @click="openModal" v-else>
+        <button class="btn btn-sm d-print-none" @click="openModal" v-else>
             <i class="material-icons material-icons-round md-36">file_upload</i>
         </button>
         <AppError :errors="errors" field="logo_url"/>
diff --git a/src/services/invoice.service.js b/src/services/invoice.service.js
index 7c9ea6d..63ea9e1 100644
--- a/src/services/invoice.service.js
+++ b/src/services/invoice.service.js
@@ -19,7 +19,6 @@ class InvoiceService {
   async updateInvoice(invoice) {
     const requiredFields = {
       currency: 'Currency',
-      late_fee: 'Late Fee',
       issued_at: 'Issued At',
       due_at: 'Due At',
       number: 'Number',
@@ -40,7 +39,6 @@ class InvoiceService {
   async bookInvoice(invoice) {
     const requiredFields = {
       currency: 'Currency',
-      late_fee: 'Late fee',
       issued_at: 'Issued at',
       due_at: 'Due at',
       number: 'Number',