BOD-72 Fixed thumbnail generation + added transform params to environment variables.

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

@@ -18,12 +18,15 @@ export default function JobDetailCardsDocumentsComponent({ loading, data }) {
     <CardTemplate
       loading={loading}
       title={t("jobs.labels.cards.documents")}
-      extraLink={`/manage/jobs/${data.id}?documents`}
-    >
+      extraLink={`/manage/jobs/${data.id}?tab=documents`}>
       {data.documents.length > 0 ? (
         <Carousel autoplay>
-          {data.documents.map(item => (
-            <img key={item.id} src={item.thumb_url} alt={item.name} />
+          {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`}
+              alt={item.name}
+            />
           ))}
         </Carousel>
       ) : (

client/src/components/jobs-documents-gallery/jobs-documents-gallery.component.jsx

@@ -12,7 +12,7 @@ function JobsDocumentsComponent({ data, jobId, refetch }) {
       data.reduce((acc, value) => {
         acc.push({
           src: `${process.env.REACT_APP_CLOUDINARY_IMAGE_ENDPOINT}/${value.key}.jpg`,
-          thumbnail: `${process.env.REACT_APP_CLOUDINARY_IMAGE_ENDPOINT}/h_200,w_200,c_thumb/${value.key}.jpg`,
+          thumbnail: `${process.env.REACT_APP_CLOUDINARY_IMAGE_ENDPOINT}/${process.env.REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS}/${value.key}.jpg`,
           tags: value.type.includes("pdf")
             ? [{ value: "PDF", title: "PDF" }]
             : [],
@@ -28,7 +28,7 @@ function JobsDocumentsComponent({ data, jobId, refetch }) {
   }, [data, setgalleryImages]);
 
   return (
-    <div className="clearfix">
+    <div className='clearfix'>
       <DocumentsUploadContainer
         jobId={jobId}
         callbackAfterUpload={refetch}

client/src/graphql/jobs.queries.js

@@ -306,6 +306,7 @@ export const QUERY_JOB_CARD_DETAILS = gql`
       v_color
       plate_no
       vehicle {
+        id
         v_model_yr
         v_make_desc
         v_model_desc