Merge pull request #734 from AFP-Medialab/integration-issue-727

Integration issue 727

README.md

@@ -54,6 +54,7 @@ The Verification plugin is a browser based plugin built with React and Redux.
    REACT_APP_DBKF_SEARCH_API=<dbkf_url>
    REACT_APP_DBKF_SIMILARITY_API=<dbkf_similarity_url>
    REACT_APP_BASEURL=<baseurl>
+   REACT_APP_WRAPPER=<wrapper_url>
    REACT_APP_CAA_FORENSICS_URL=<forensics_url>
    REACT_APP_CAA_ANALYSIS_URL=<analysis_url>
    REACT_APP_CAA_ENVISU4_UTILS_URL=<envisu4_url>

src/components/NavItems/tools/C2pa/C2pa.jsx

@@ -19,7 +19,6 @@ import { ArrowDownward } from "@mui/icons-material";
 
 import HeaderTool from "components/Shared/HeaderTool/HeaderTool";
 import { i18nLoadNamespace } from "components/Shared/Languages/i18nLoadNamespace";
-import useMyStyles from "components/Shared/MaterialUiStyles/useMyStyles";
 import StringFileUploadField from "components/Shared/StringFileUploadField";
 import exifr from "exifr";
 import {
@@ -62,8 +61,6 @@ const C2paData = () => {
 
   const dispatch = useDispatch();
 
-  const classes = useMyStyles();
-
   const keyword = i18nLoadNamespace("components/NavItems/tools/C2pa");
 
   const [errorMessage, setErrorMessage] = useState(null);
@@ -115,6 +112,7 @@ const C2paData = () => {
     try {
       res = await authenticatedRequest(config);
     } catch (error) {
+      console.log(error);
       setErrorMessage(keyword("error_message_reverse_search_generic"));
       return;
     }
@@ -206,7 +204,7 @@ const C2paData = () => {
         method: "get",
         responseType: "blob",
         maxBodyLength: Infinity,
-        url: `https://plugin-archiving.afp.com/gateway/c2paafp${urls.thumbnailUrl}`,
+        url: `${serverUrl}${urls.thumbnailUrl}`,
         headers: {
           "X-AFP-TRANSACTION-ID": getTransactionId(),
         },

src/components/NavItems/tools/Gif/Hooks/useGetGif.jsx

@@ -1,12 +1,14 @@
 import { useEffect } from "react";
 import { useDispatch } from "react-redux";
-import { setError } from "redux/reducers/errorReducer";
+
 import { i18nLoadNamespace } from "components/Shared/Languages/i18nLoadNamespace";
+import { saveAs } from "file-saver";
+import { setError } from "redux/reducers/errorReducer";
+
 import {
-  setStateDownloading,
   setStateBackResults,
+  setStateDownloading,
 } from "../../../../../redux/reducers/tools/gifReducer";
-import { saveAs } from "file-saver";
 import useAuthenticatedRequest from "../../../../Shared/Authentication/useAuthenticatedRequest";
 
 const useGetGif = (
@@ -19,7 +21,7 @@ const useGetGif = (
   const keyword = i18nLoadNamespace("components/NavItems/tools/Forensic");
   const dispatch = useDispatch();
   const authenticatedRequest = useAuthenticatedRequest();
-  const baseURL = process.env.REACT_APP_BASEURL;
+  const baseURL = process.env.REACT_APP_WRAPPER;
 
   useEffect(() => {
     const handleError = (e) => {

src/components/NavItems/tools/Gif/Hooks/useGetHomographics.jsx

@@ -1,17 +1,19 @@
 import { useEffect } from "react";
 import { useDispatch, useSelector } from "react-redux";
+
+import { setError } from "redux/reducers/errorReducer";
+
 import {
   setStateError,
   setStateLoading,
   setStateShow,
 } from "../../../../../redux/reducers/tools/gifReducer";
-import { setError } from "redux/reducers/errorReducer";
 import useAuthenticatedRequest from "../../../../Shared/Authentication/useAuthenticatedRequest";
 
 const useGetHomographics = (files, mode, keyword) => {
   const dispatch = useDispatch();
   const toolState = useSelector((state) => state.gif.toolState);
-  const baseURL = process.env.REACT_APP_BASEURL;
+  const baseURL = process.env.REACT_APP_WRAPPER;
 
   const authenticatedRequest = useAuthenticatedRequest();