From f2fc9b8b4911dd8b829a49b1661cdf79e827ef37 Mon Sep 17 00:00:00 2001
From: Vitalii Kiiko <mr.psiho@gmail.com>
Date: Fri, 21 Mar 2025 10:51:37 +0100
Subject: [PATCH] - added company name for Documents page; - disabled buttons
 for document uploads when no company added/selected;

---
 src/pages/DocumentsBeneficiary/index.js | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/pages/DocumentsBeneficiary/index.js b/src/pages/DocumentsBeneficiary/index.js
index 96c2943..43f66f5 100644
--- a/src/pages/DocumentsBeneficiary/index.js
+++ b/src/pages/DocumentsBeneficiary/index.js
@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useState } from 'react';
 import { __ } from '@wordpress/i18n';
 import { classNames } from 'primereact/utils';
 import { wrap } from 'object-path-immutable';
-import { isEmpty, isNil } from 'ramda';
+import { head, isEmpty, isNil } from 'ramda';
 
 // api
 import DocumentCategoryService from '../../service/document-category-service';
@@ -18,11 +18,13 @@ import { Calendar } from 'primereact/calendar';
 import { FileUpload } from 'primereact/fileupload';
 import formatDateString from '../../helpers/formatDateString';
 import CompanyDocumentsService from '../../service/company-documents-service';
+import { Link } from 'react-router-dom';
 
 
 const DocumentsBeneficiary = () => {
     const [loading, setLoading] = useState(false);
     const chosenCompanyId = useStore().main.chosenCompanyId();
+    const companies = useStore().main.companies();
     const [isVisibleAddNewDialog, setIsVisibleAddNewDialog] = useState(false);
     const documentCategories= useStore().main.documentCategories();
     const [newFileData, setNewFileData] = useState({});
@@ -31,6 +33,7 @@ const DocumentsBeneficiary = () => {
     const today = new Date();
     const tomorrow = new Date(today);
     tomorrow.setDate(today.getDate() + 1);
+    const company = head(companies.filter(o => o.id === chosenCompanyId));
 
     const onCreateNew = useCallback((type) => {
         const newData = wrap({})
@@ -138,14 +141,28 @@ const DocumentsBeneficiary = () => {
         <div className="appPage">
             <div className="appPage__pageHeader">
                 <h1>{__('Gestione documenti', 'gepafin')}</h1>
+                {company ? <span className="companyName">{company.companyName}</span> : null}
             </div>
 
             <div className="appPage__spacer"></div>
+            {isEmpty(chosenCompanyId) || chosenCompanyId === 0
+                ? <>
+                    <div className="appPageSection__message warning">
+                        <i className="pi pi-exclamation-triangle"></i>
+                        <span className="summary">{__('Attenzione', 'gepafin')}</span>
+                        <span>
+                            {__('Per caricare i file devi Registare un Azienda clicca', 'gepafin')}
+                            <Link to={`/agguingi-azienda`} style={{marginLeft: '0.5ch'}}>{__('qua', 'gepafin')}</Link>
+                        </span>
+                    </div>
+                    <div className="appPage__spacer"></div>
+                </> : null}
 
             <div className="appPageSection statsBigBadges">
                 <h2>
                     {__('Documenti del rappresentante legale', 'gepafin')}
                     <Button
+                        disabled={isEmpty(chosenCompanyId) || chosenCompanyId === 0}
                         onClick={() => onCreateNew('PERSONAL_DOCUMENT')}
                         size="small"
                         label={__('Aggiungi nuovo')} icon="pi pi-plus" iconPos="right"/>
@@ -159,6 +176,7 @@ const DocumentsBeneficiary = () => {
                 <h2>
                     {__('Documenti dell\'azienda', 'gepafin')}
                     <Button
+                        disabled={isEmpty(chosenCompanyId) || chosenCompanyId === 0}
                         onClick={() => onCreateNew('COMPANY_DOCUMENT')}
                         size="small"
                         label={__('Aggiungi nuovo')} icon="pi pi-plus" iconPos="right"/>