IO-925 IO-927 IO-930 Production List Updates

client/src/components/job-detail-cards/job-detail-cards.documents.component.jsx

@@ -2,7 +2,7 @@ import { Carousel } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import CardTemplate from "./job-detail-cards.template.component";
-
+import { DetermineFileType } from "../documents-upload/documents-upload.utility";
 export default function JobDetailCardsDocumentsComponent({ loading, data }) {
   const { t } = useTranslation();
 
@@ -17,13 +17,18 @@ export default function JobDetailCardsDocumentsComponent({ loading, data }) {
     <CardTemplate
       loading={loading}
       title={t("jobs.labels.cards.documents")}
-      extraLink={`/manage/jobs/${data.id}?tab=documents`}>
+      extraLink={`/manage/jobs/${data.id}?tab=documents`}
+    >
       {data.documents.length > 0 ? (
         <Carousel autoplay>
           {data.documents.map((item) => (
             <img
               key={item.id}
-              src={`${process.env.REACT_APP_CLOUDINARY_IMAGE_ENDPOINT}/${process.env.REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS}/${item.key}.jpg`}
+              src={`${
+                process.env.REACT_APP_CLOUDINARY_ENDPOINT
+              }/${DetermineFileType(item.type)}/upload/${
+                process.env.REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS
+              }/${item.key}`}
               alt={item.name}
             />
           ))}