Media File improvements + separate DEV testing instance for cloudinary.

This commit is contained in:
Patrick Fic
2021-05-26 16:45:59 -07:00
parent b5b4a3a4f9
commit 48ecfe0d98
8 changed files with 42 additions and 12 deletions

View File

@@ -128,7 +128,7 @@ export const uploadToCloudinary = async (
let takenat;
if (fileType.includes("image")) {
const exif = await exifr.parse(file);
console.log(`exif`, exif);
takenat = exif && exif.DateTimeOriginal;
}
const documentInsert = await client.mutate({
@@ -141,7 +141,7 @@ export const uploadToCloudinary = async (
uploaded_by: uploaded_by,
key: key,
type: fileType,
extension: extension,
extension: cloudinaryUploadResponse.data.format || extension,
bodyshopid: bodyshop.id,
size: cloudinaryUploadResponse.data.bytes || file.size,
takenat,

View File

@@ -1,7 +1,6 @@
import { DownCircleFilled } from "@ant-design/icons";
import { useApolloClient, useMutation } from "@apollo/client";
import { Button, Dropdown, Menu, notification, Popconfirm } from "antd";
import moment from "moment";
import React, { useMemo } from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";

View File

@@ -31,7 +31,9 @@ function JobsDocumentsComponent({
acc.images.push({
src: `${
process.env.REACT_APP_CLOUDINARY_ENDPOINT
}/${DetermineFileType(value.type)}/upload/${value.key}`,
}/${DetermineFileType(value.type)}/upload/${value.key}${
value.extension ? `.${value.extension}` : ""
}`,
thumbnail: `${
process.env.REACT_APP_CLOUDINARY_ENDPOINT
}/${DetermineFileType(value.type)}/upload/${
@@ -51,13 +53,17 @@ function JobsDocumentsComponent({
let thumb;
switch (fileType) {
case "video":
thumb = `${process.env.REACT_APP_CLOUDINARY_ENDPOINT}/${fileType}/upload/c_fill,f_png,h_250,w_250/${value.key}`;
thumb = `${process.env.REACT_APP_CLOUDINARY_ENDPOINT}/${fileType}/upload/${process.env.REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS}/${value.key}`;
break;
case "raw":
thumb = `${window.location.origin}/file.png`;
break;
default:
thumb = `${process.env.REACT_APP_CLOUDINARY_ENDPOINT}/${fileType}/upload/${process.env.REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS}/${value.key}`;
thumb = `${
process.env.REACT_APP_CLOUDINARY_ENDPOINT
}/${fileType}/upload/${
process.env.REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS
}/${value.key}${value.extension ? `.${value.extension}` : ""}`;
break;
}
@@ -65,9 +71,9 @@ function JobsDocumentsComponent({
acc.other.push({
src: `${
process.env.REACT_APP_CLOUDINARY_ENDPOINT
}/${fileType}/upload/${fileType === "video" ? "q_auto/" : ""}${
value.key
}${fileType === "raw" ? `.${value.extension}` : ""}`,
}/${fileType}/upload/${value.key}${
value.extension ? `.${value.extension}` : ""
}`,
thumbnail: thumb,
tags: [
{