display changes added for viewreportee page

parent 44a5d874
This diff is collapsed.
...@@ -3,9 +3,9 @@ import React from 'react' ...@@ -3,9 +3,9 @@ import React from 'react'
function DownloadIcon() { function DownloadIcon() {
return ( return (
<svg width="25px" height="25px" viewBox="0 0 24 24" fill="none" className='mr-2'> <svg width="25px" height="25px" viewBox="0 0 24 24" fill="none" className='mr-2'>
<path d="M12 7L12 14M12 14L15 11M12 14L9 11" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 7L12 14M12 14L15 11M12 14L9 11" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M16 17H12H8" stroke="white" stroke-width="1.5" stroke-linecap="round"/> <path d="M16 17H12H8" stroke="white" strokeWidth="1.5" strokeLinecap="round"/>
<path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" stroke="white" stroke-width="1.5"/> <path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" stroke="white" strokeWidth="1.5"/>
</svg> </svg>
) )
} }
......
...@@ -59,7 +59,7 @@ function Accordion({ title, data ,handleAddActivity,open,handleAccordian}) { ...@@ -59,7 +59,7 @@ function Accordion({ title, data ,handleAddActivity,open,handleAccordian}) {
className="flex items-center rounded-lg w-full py-2 px-2 mt-4 font-medium rtl:text-right bg-white text-gray-500 border border-[#B7B7B7] focus:ring-4 hover:bg-gray-100 gap-3" data-accordion-target="#accordion-collapse-body-2" aria-expanded="false" aria-controls="accordion-collapse-body-2" > className="flex items-center rounded-lg w-full py-2 px-2 mt-4 font-medium rtl:text-right bg-white text-gray-500 border border-[#B7B7B7] focus:ring-4 hover:bg-gray-100 gap-3" data-accordion-target="#accordion-collapse-body-2" aria-expanded="false" aria-controls="accordion-collapse-body-2" >
<span className="w-1/2 text-start ms-2">{title}</span> <span className="w-1/2 text-start ms-2">{title}</span>
<span className="w-1/2 flex justify-between"> <span className="w-1/2 flex justify-between">
Score :{title === "Duties" ? defaultAvgScore : initiativeAvgScore} Score : {title === "Duties" ? defaultAvgScore : initiativeAvgScore}
<ModalButton type={`${title === "Duties" ? "duties" : "initiative"}`} handleAddActivity={handleAddActivity}/> <ModalButton type={`${title === "Duties" ? "duties" : "initiative"}`} handleAddActivity={handleAddActivity}/>
</span> </span>
<svg data-accordion-icon className="w-3 h-3 rotate-180 shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <svg data-accordion-icon className="w-3 h-3 rotate-180 shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
......
...@@ -174,7 +174,7 @@ function Exporttable() { ...@@ -174,7 +174,7 @@ function Exporttable() {
return true; return true;
} }
} else { } else {
if((preEmployee !== selectedEmployee && fromDate !== preFromDate && toDate !== preToDate) || activitiesData.length === 0) { if((preEmployee !== selectedEmployee && fromDate !== preFromDate && toDate !== preToDate) || activitiesData?.length === 0) {
return true; return true;
} }
} }
...@@ -258,8 +258,9 @@ function Exporttable() { ...@@ -258,8 +258,9 @@ function Exporttable() {
type="button" type="button"
className="px-3 py-2 ml-5 min-w-[100px] disabled:bg-gray-400 h-[40px] bg-blue-500 font-semibold text-white rounded-md flex items-center justify-center" className="px-3 py-2 ml-5 min-w-[100px] disabled:bg-gray-400 h-[40px] bg-blue-500 font-semibold text-white rounded-md flex items-center justify-center"
> >
<span>{pdfLoading ? "Downloading... " : "Download "} </span>
<DownloadIcon /> <DownloadIcon />
<span>{pdfLoading ? "Downloading..." : "Download"}</span>
{ pdfLoading && <div className="loading ml-2 "></div>} { pdfLoading && <div className="loading ml-2 "></div>}
</button> </button>
</div> </div>
......
...@@ -106,7 +106,7 @@ function Viewreportee() { ...@@ -106,7 +106,7 @@ function Viewreportee() {
<span className="font-medium">Role : </span> {viewReportee?.techStack} <span className="font-medium">Role : </span> {viewReportee?.techStack}
</p> </p>
<p> <p>
<span className="font-medium">Employee Id: </span> {viewReportee?.empId} <span className="font-medium">Employee Id : </span> {viewReportee?.empId}
</p> </p>
</div> </div>
<div className="flex flex-col justify-center items-center"> <div className="flex flex-col justify-center items-center">
......
...@@ -36,7 +36,7 @@ const exporttableSlice = createSlice({ ...@@ -36,7 +36,7 @@ const exporttableSlice = createSlice({
state.error = "pending"; state.error = "pending";
}); });
builder.addCase(fetchReportesActivitiesData.fulfilled, (state, action) => { builder.addCase(fetchReportesActivitiesData.fulfilled, (state, action) => {
console.log(action.payload.activities) // console.log(action.payload.activities)
state.loading = false; state.loading = false;
state.activitiesData = action.payload.activities ; state.activitiesData = action.payload.activities ;
state.error = ""; state.error = "";
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment