From 6430681ddd6645e474e300258ad8c53a9acfeff2 Mon Sep 17 00:00:00 2001
From: federico-tocci-dxc <federico.tocci@dxc.com>
Date: Thu, 14 Nov 2024 10:25:01 +0100
Subject: [PATCH] feat(T247): rimozione grafica data massima inserimento per
 SCD e aggiunta banner per RFD 20241114

---
 .../CSVUploadBanner/CSVUploadBanner.tsx         |  7 ++++---
 .../src/components/CSVUploader/CSVUploader.tsx  | 17 ++++++++++++++++-
 .../Entities/Projects/projectsDetails.tsx       |  1 +
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/fe-piattaforma/src/components/CSVUploadBanner/CSVUploadBanner.tsx b/fe-piattaforma/src/components/CSVUploadBanner/CSVUploadBanner.tsx
index 47b6343d1..e92b54341 100644
--- a/fe-piattaforma/src/components/CSVUploadBanner/CSVUploadBanner.tsx
+++ b/fe-piattaforma/src/components/CSVUploadBanner/CSVUploadBanner.tsx
@@ -4,7 +4,8 @@ import { Button } from 'design-react-kit';
 import './csv-uploader-banner.scss';
 
 export default function CSVUploadBanner(props: {
-  onPrimaryButtonClick: () => void;
+  onPrimaryButtonClick: () => void,
+  policy?: string;
 }) {
   return (
     <div className='row w-100 my-4'>
@@ -32,8 +33,8 @@ export default function CSVUploadBanner(props: {
                         cittadini e ai servizi di facilitazione erogati presso
                         le sedi del tuo ente e{' '}
                         <strong>
-                          acquisiti al di fuori dalla piattaforma prima del 31
-                          ottobre 2024
+                          acquisiti al di fuori dalla piattaforma 
+                          {props.policy === 'RFD' && " prima del 31 ottobre 2024"}
                         </strong>
                         . Inoltre, puoi consultare il{' '}
                         <strong>registro dei caricamenti massivi</strong> già
diff --git a/fe-piattaforma/src/components/CSVUploader/CSVUploader.tsx b/fe-piattaforma/src/components/CSVUploader/CSVUploader.tsx
index 669e962e9..05a6553c4 100644
--- a/fe-piattaforma/src/components/CSVUploader/CSVUploader.tsx
+++ b/fe-piattaforma/src/components/CSVUploader/CSVUploader.tsx
@@ -186,6 +186,20 @@ export default function CSVUploader({
     setSelectedFile(null);
   }, []);
 
+  function InfoWindow() {
+    return (
+      <div className='mx-3' style={{ backgroundColor: 'white', boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.1)', marginTop: '125px', height: '150px' }}>
+        <div style={{ paddingTop: '25px', marginLeft: '20px' }}>
+          <h5 style={{ color: '#0066cc', marginBottom:'10px', fontWeight:'600' }}>Finestra di caricamento</h5>
+          <div className='text-secondary'>
+            Nell'attuale finestra di caricamento è possibile inserire tutti i<br />
+            servizi erogati <strong>fino al 31 ottobre 2024</strong>.
+          </div>
+        </div>
+      </div>
+    );
+  }
+
   return (
     <>
       <WarningModal
@@ -214,7 +228,7 @@ export default function CSVUploader({
           </div>
         </div>
       </WarningModal>
-      <div className={`flex-column min-width-50 ${file ? 'h-auto' : 'h-100'}`}>
+      <div className={`flex-column min-width-50 ${file ? 'h-auto' : ''}`}>
         <div
           className={`upload-dragdrop ${
             file ? 'success' : ''
@@ -274,6 +288,7 @@ export default function CSVUploader({
             )}
           </div>
         </div>
+        {projectDetail?.policy === policy.RFD && <InfoWindow />}
       </div>
     </>
   );
diff --git a/fe-piattaforma/src/pages/administrator/AdministrativeArea/Entities/Projects/projectsDetails.tsx b/fe-piattaforma/src/pages/administrator/AdministrativeArea/Entities/Projects/projectsDetails.tsx
index 23e76a3b3..3a4120111 100644
--- a/fe-piattaforma/src/pages/administrator/AdministrativeArea/Entities/Projects/projectsDetails.tsx
+++ b/fe-piattaforma/src/pages/administrator/AdministrativeArea/Entities/Projects/projectsDetails.tsx
@@ -1434,6 +1434,7 @@ const ProjectsDetails = () => {
                 userHeaders.codiceRuoloUtenteLoggato === 'DTD') ? (
                 <CSVUploadBanner
                   onPrimaryButtonClick={handleNavigateToCaricamentoDati}
+                  policy={projectDetails?.policy}
                 ></CSVUploadBanner>
               ) : null}
             </div>