Fix base 64 images (#952)

* fix(backoffice-v2): now checking if an image url is a url and not base64, and updated seed * refactor(backoffice-v2): removed untintentional code * revert(backoffice-v2): returned documents data to be inline
ballerine-io · Aug 22, 2023 · 8b5dc0c · 8b5dc0c
1 parent feac15a
commit 8b5dc0c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 8 deletions.
diff --git a/apps/backoffice-v2/src/common/components/organisms/ImageViewer/ImageViewer.SelectedImage.tsx b/apps/backoffice-v2/src/common/components/organisms/ImageViewer/ImageViewer.SelectedImage.tsx
@@ -1,7 +1,6 @@
 import { BallerineImage } from '../../atoms/BallerineImage';
 import { forwardRef, useCallback, useEffect, useState } from 'react';
 import { ctw } from '../../../utils/ctw/ctw';
-import { useImageViewerContext } from './hooks/useImageViewerContext/useImageViewerContext';
 import { useSelectedImage } from './hooks/useSelectedImage/useSelectedImage';
 import { TSelectedImageProps } from './interfaces';
 

diff --git a/apps/backoffice-v2/src/pages/Entity/hooks/useTasks/useTasks.tsx b/apps/backoffice-v2/src/pages/Entity/hooks/useTasks/useTasks.tsx
@@ -12,15 +12,16 @@ import {
   omitPropsFromObject,
 } from '../useEntity/utils';
 import { getDocumentsByCountry, isObject } from '@ballerine/common';
+import * as React from 'react';
 import { ComponentProps, useMemo } from 'react';
 import { toStartCase } from '../../../../common/utils/to-start-case/to-start-case';
 
 import { octetToFileType } from '../../../../common/octet-to-file-type/octet-to-file-type';
 import { useCaseDecision } from '../../components/Case/hooks/useCaseDecision/useCaseDecision';
 import { X } from 'lucide-react';
-import * as React from 'react';
 import { useRevisionTaskByIdMutation } from '../../../../domains/entities/hooks/mutations/useRevisionTaskByIdMutation/useRevisionTaskByIdMutation';
 import { MotionBadge } from '../../../../common/components/molecules/MotionBadge/MotionBadge';
+import { z } from 'zod';
 
 const motionProps: ComponentProps<typeof MotionBadge> = {
   exit: { opacity: 0, transition: { duration: 0.2 } },
@@ -274,10 +275,9 @@ export const useTasks = ({
                 title: `${convertSnakeCaseToTitleCase(category)} - ${convertSnakeCaseToTitleCase(
                   docType,
                 )}${metadata?.side ? ` - ${metadata?.side}` : ''}`,
-                imageUrl:
-                  type === 'pdf'
-                    ? octetToFileType(results[docIndex][pageIndex], `application/${type}`)
-                    : results[docIndex][pageIndex],
+                imageUrl: z.string().url().safeParse(results[docIndex][pageIndex]).success
+                  ? results[docIndex][pageIndex]
+                  : octetToFileType(results[docIndex][pageIndex], `application/${type}`),
                 fileType: type,
               })) ?? [],
           },

diff --git a/services/workflows-service/scripts/seed.ts b/services/workflows-service/scripts/seed.ts
@@ -294,7 +294,7 @@ async function seed(bcryptSalt: string | number) {
             {
               provider: 'http',
               uri: imageUri3,
-              type: 'pdf',
+              type: 'png',
               ballerineFileId: await persistImageFile(client, imageUri3, project1.id),
               data: '',
               metadata: {},
@@ -418,7 +418,7 @@ async function seed(bcryptSalt: string | number) {
             {
               provider: 'http',
               uri: imageUri3,
-              type: 'pdf',
+              type: 'png',
               data: '',
               ballerineFileId: await persistImageFile(client, imageUri3, project1.id),
               metadata: {},