diff --git a/src/components/atoms/BlobUploaderV2.tsx b/src/components/atoms/BlobUploaderV2.tsx index a8c9ce0e..1e925f62 100644 --- a/src/components/atoms/BlobUploaderV2.tsx +++ b/src/components/atoms/BlobUploaderV2.tsx @@ -5,7 +5,7 @@ import clsx from 'clsx'; import React, { ReactElement, useCallback, useEffect, useMemo, useState } from 'react'; import { useFormContext } from 'react-hook-form'; import { API } from 'requests/api'; -import { LIMIT_FILE_UPLOAD } from 'types/constants'; +import { BASE_URL, LIMIT_FILE_UPLOAD } from 'types/constants'; import { useTrans } from 'utils/i18next'; import { UploadProvider, isImage } from 'utils/media'; import { truncateMiddle } from 'utils/text'; @@ -108,7 +108,12 @@ export const BlobUploaderV2 = ({ name = '', selectedMedia }: Props) => { const FileProvider = ({ children }: { children: ReactElement }) => { if (fileName) return ( - + {children} ); diff --git a/src/components/atoms/BlobViewerV2.tsx b/src/components/atoms/BlobViewerV2.tsx index 16c48f22..cb67037b 100644 --- a/src/components/atoms/BlobViewerV2.tsx +++ b/src/components/atoms/BlobViewerV2.tsx @@ -1,6 +1,7 @@ import { Media } from '@prisma/client'; import { File, Image as ImageIcon } from '@styled-icons/feather'; import clsx from 'clsx'; +import { BASE_URL } from 'types/constants'; import { isImage } from 'utils/media'; import { truncateMiddle } from 'utils/text'; @@ -10,6 +11,8 @@ export const BlobViewerV2 = ({ media }: { media: Media }) => {