diff --git a/pmp-reactjs-ui/src/pages/PartnerCertificatesList.js b/pmp-reactjs-ui/src/pages/PartnerCertificatesList.js index d71a95297..e38d09c0b 100644 --- a/pmp-reactjs-ui/src/pages/PartnerCertificatesList.js +++ b/pmp-reactjs-ui/src/pages/PartnerCertificatesList.js @@ -12,13 +12,14 @@ function PartnerCertificatesList() { const [certificatesData, setcertificatesData] = useState([]); const [errorMsg, setErrorMsg] = useState(""); const [dataLoaded, setDataLoaded] = useState(false); - - const uploadCertificate = () => { + const [selectedPartnerData, setSelectedPartnerData] = useState(null); + + const clickOnUpload = (partner) => { setShowPopup(!showPopup); + setSelectedPartnerData(partner); }; const closePopup = () => { - console.log("Popup closed"); setShowPopup(false); window.location.reload(); }; @@ -233,16 +234,16 @@ function PartnerCertificatesList() { )} - - : } {showPopup && ( - - )} + + )}
diff --git a/pmp-reactjs-ui/src/pages/UploadCertificate.js b/pmp-reactjs-ui/src/pages/UploadCertificate.js index a72bdeee0..eb756da61 100644 --- a/pmp-reactjs-ui/src/pages/UploadCertificate.js +++ b/pmp-reactjs-ui/src/pages/UploadCertificate.js @@ -1,7 +1,7 @@ -import { useState } from 'react'; +import { useState, useEffect } from 'react'; import HttpService from '../services/HttpService'; -function UploadCertificate({closePopup}) { +function UploadCertificate({closePopup, partnerData}) { const [isDropdownOpen, setIsDropdownOpen] = useState(false); const [selectedDomainType, setSelectedDomainType] = useState(""); const [uploading, setUploading] = useState(false); @@ -9,12 +9,12 @@ function UploadCertificate({closePopup}) { const [uploadSuccess, setUploadSuccess] = useState(false); const [errorMsg, setErrorMsg] = useState(""); const [certificateData, setCertificateData] = useState(""); + const [formattedDate, setFormattedDate] = useState(""); const openDropdown = () => { setIsDropdownOpen(!isDropdownOpen); }; const clickOnCancel = () => { - console.log("Cancel button clicked"); closePopup(); }; const clickOnSubmit = async () => { @@ -23,7 +23,7 @@ function UploadCertificate({closePopup}) { } else { let request = { request: { - partnerId: "abc", + partnerId: partnerData.partnerId, certificateData: certificateData, partnerDomain: selectedDomainType, }, @@ -34,12 +34,14 @@ function UploadCertificate({closePopup}) { if (response.data.errors && response.data.errors.length > 0) { const errorMessage = response.data.errors[0].message; setErrorMsg(errorMessage); + } else if (resData === null) { + setErrorMsg("Unable to upload partner certificate"); } else { setUploadSuccess(true); } } catch (err) { setErrorMsg(err); - console.log("upload certificate error: ",err); + console.log("Unable to upload partner certificate: ",err); } } }; @@ -47,15 +49,22 @@ function UploadCertificate({closePopup}) { setSelectedDomainType(option); openDropdown(); }; + const getDefaultDomainType = () => { + if (partnerData.partnerType === "Device Provider") { + return "DEVICE"; + } else if (partnerData.partnerType === "FTM Chip Provider") { + return "FTM"; + } else { + return "AUTH"; + } + }; const cancelUpload = () => { setFileName(""); setUploading(false); - console.log(`Selected file: ${fileName}`) }; const removeUpload = () => { setFileName(""); setUploading(false); - console.log(`Selected file: ${fileName}`) }; const cancelErrorMsg = () => { setErrorMsg(""); @@ -73,7 +82,6 @@ function UploadCertificate({closePopup}) { setUploading(true); setFileName(fileName); setCertificateData(fileData); - console.log(`Certificate data: ${fileData}`) setTimeout(() => { setUploading(false); }, 3000); @@ -84,11 +92,26 @@ function UploadCertificate({closePopup}) { } } }; + + useEffect(() => { + if (partnerData.isCertificateAvailable) { + const dateString = partnerData.uploadDt.toString(); + const formatted = formatUploadDate(dateString); + setFormattedDate(formatted); + } + }, [partnerData.uploadDt]); + + const formatUploadDate = (dateString) => { + const [datePart, timePart] = dateString.split(' '); + const [day, month, year] = datePart.split('-'); + return `${day}/${month}/${year}`; + }; + return(
-
+
-

Upload Partner Certificate

+

{partnerData.isCertificateAvailable ? "Re-Upload Partner Certificate" : "Upload Partner Certificate"}

Please select the fields and upload certificate.

@@ -97,14 +120,14 @@ function UploadCertificate({closePopup}) {
+ value={partnerData.partnerType} disabled />
@@ -206,11 +229,14 @@ function UploadCertificate({closePopup}) {
)}
+ {partnerData.isCertificateAvailable && ( +

Last certificate was uploaded on {formattedDate}

+ )}
- {(!uploading && fileName && selectedDomainType !== "") ? ( + {(!uploading && fileName) ? ( ) : (