src/css/app.scss

@@ -103,10 +103,6 @@ select:-webkit-autofill {
     border-radius: 8px;
 }
 
-.card-width {
-    width: 770px;
-}
-
 .vn-card-list {
     width: 100%;
     max-width: 60em;

src/pages/InvoiceOut/InvoiceOutGlobal.vue

@@ -94,11 +94,13 @@ const selectCustomerId = (id) => {
 };
 
 const statusText = computed(() => {
-    return status.value === 'invoicing'
+    const baseStatus = t(`status.${status.value}`);
-        ? `${t(`status.${status.value}`)} ${
+    const clientId =
-              addresses.value[getAddressNumber.value]?.clientId
+        status.value === 'invoicing'
-          }`
+            ? addresses.value[getAddressNumber.value]?.clientId || ''
-        : t(`status.${status.value}`);
+            : '';
+
+    return clientId ? `${baseStatus} ${clientId}`.trim() : baseStatus;
 });
 
 onMounted(() => (stateStore.rightDrawer = true));

src/stores/invoiceOutGlobal.js

@@ -200,12 +200,7 @@ export const useInvoiceOutGlobalStore = defineStore({
                 this.addressIndex++;
                 this.isInvoicing = false;
             } catch (err) {
-                if (
+                if (err?.response?.status >= 400 && err?.response?.status < 500) {
-                    err &&
-                    err.response &&
-                    err.response.status >= 400 &&
-                    err.response.status < 500
-                ) {
                     this.invoiceClientError(address, err.response?.data?.error?.message);
                     return;
                 } else {
@@ -252,7 +247,7 @@ export const useInvoiceOutGlobalStore = defineStore({
                     params,
                 });
 
-                if (data.data && data.data.error) throw new Error();
+                if (data?.data?.error) throw new Error();
 
                 const status = exportFile('negativeBases.csv', data, {
                     encoding: 'windows-1252',