admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Patrick Fic
2020-04-29 14:13:49 -07:00
parent 99d3a6a64e
commit 0bc8d95120
3 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

4
client/src/components/jobs-documents-gallery/jobs-documents-gallery.component.jsx
View File

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

1
client/src/graphql/jobs.queries.js
View File

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