make download resume button functional and also fix some prettier issues (#167)

Signed-off-by: Kashish Mittal <[email protected]>

Author: 04kash

client/src/components/job-application-component/box-row-component/index.jsx

@@ -13,6 +13,7 @@ import { IMaskInput } from "react-imask";
 import PropTypes from "prop-types";
 import { BoxDivider } from "./index.styles";
 import ApplicationStatusChipComponent from "../../shared/application-status-chips";
+import { getResumeUrl } from "../../../utils/job_applications_api";
 
 const TextMaskCustom = React.forwardRef(function TextMaskCustom(
   { onChange, name, ...other },
@@ -51,6 +52,15 @@ function BoxRowComponent({
   isLast,
 }) {
   const [selectedValue, setSelectedValue] = useState(rightSide[0]);
+  const handleDownload = async (resume) => {
+    const presignedUrlObject = await getResumeUrl(resume);
+    const presignedUrl = presignedUrlObject.resume_url;
+    if (!presignedUrl) {
+      console.error("Failed to retrieve the presigned URL.");
+      return;
+    }
+    window.open(presignedUrl, "_blank");
+  };
 
   return (
     <>
@@ -109,7 +119,9 @@ function BoxRowComponent({
                 <DownloadIcon
                   sx={{ color: "#1565c0", cursor: "pointer" }}
                   align="right"
-                  onClick={() => {}}
+                  onClick={() => {
+                    handleDownload(rightSide);
+                  }}
                 />
               )}
             </div>

client/src/components/job-applications-view-component/job-application-dashboard/index.jsx

@@ -173,7 +173,11 @@ JobApplicationDashboard.propTypes = {
   jobApplicationQuery: PropTypes.shape({
     rows: PropTypes.number.isRequired,
     page: PropTypes.number.isRequired,
-    job_posting_id: PropTypes.oneOfType([PropTypes.string, PropTypes.number, null]),
+    job_posting_id: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.number,
+      null,
+    ]),
     name: PropTypes.oneOfType([PropTypes.string, null]),
     job_title: PropTypes.oneOfType([PropTypes.string, null]),
     sort: PropTypes.string.isRequired,

client/src/components/job-applications-view-component/job-application-table-component/index.jsx

@@ -96,9 +96,7 @@ function JobApplicationsTable({
                 </Link>
               </ContentTableCell>
 
-              <ContentTableCell>
-                {row.name}
-              </ContentTableCell>
+              <ContentTableCell>{row.name}</ContentTableCell>
 
               <ContentTableCell>{row.email}</ContentTableCell>
 
@@ -147,7 +145,10 @@ function JobApplicationsTable({
                   handlePageRowChange({ page: parseInt(newPage, 10) })
                 }
                 onRowsPerPageChange={(e) => {
-                  handlePageRowChange({ rows: parseInt(e.target.value, 10), page: 0 });
+                  handlePageRowChange({
+                    rows: parseInt(e.target.value, 10),
+                    page: 0,
+                  });
                 }}
               />
             </TableCell>