diff --git a/openmetadata-ui/src/main/resources/ui/src/components/BlockEditor/Extensions/image/ImageComponent.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/BlockEditor/Extensions/image/ImageComponent.test.tsx
index 08693133203..b62f4b64f92 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/BlockEditor/Extensions/image/ImageComponent.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/BlockEditor/Extensions/image/ImageComponent.test.tsx
@@ -69,7 +69,6 @@ describe('ImageComponent', () => {
expect(popover).toBeInTheDocument();
- expect(screen.getByText('label.upload')).toBeInTheDocument();
expect(screen.getByText('label.embed-link')).toBeInTheDocument();
});
@@ -100,36 +99,6 @@ describe('ImageComponent', () => {
expect(popover).not.toBeInTheDocument();
});
- it('should render the upload tab by default', async () => {
- await act(async () => {
- render();
- });
-
- const imageNode = screen.getByTestId('uploaded-image-node');
-
- await act(async () => {
- userEvent.click(imageNode);
- });
-
- const uploadTab = screen.getByText('label.upload');
-
- expect(uploadTab).toBeInTheDocument();
-
- expect(uploadTab).toHaveAttribute('aria-selected', 'true');
-
- // image upload form should be visible
-
- expect(screen.getByTestId('image-upload-form')).toBeInTheDocument();
-
- // update button should be disabled
-
- expect(screen.getByText('label.update-image')).toBeInTheDocument();
-
- // delete button should be visible
-
- expect(screen.getByText('label.delete')).toBeInTheDocument();
- });
-
it('should render the embed link tab when clicked', async () => {
await act(async () => {
render();
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/BlockEditor/Extensions/image/ImageComponent.tsx b/openmetadata-ui/src/main/resources/ui/src/components/BlockEditor/Extensions/image/ImageComponent.tsx
index 958e06702c0..6321050a764 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/BlockEditor/Extensions/image/ImageComponent.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/BlockEditor/Extensions/image/ImageComponent.tsx
@@ -23,10 +23,7 @@ import {
Space,
Tabs,
Typography,
- Upload,
- UploadProps,
} from 'antd';
-import { UploadChangeParam } from 'antd/lib/upload';
import classNames from 'classnames';
import { isEmpty } from 'lodash';
import React, { FC, useState } from 'react';
@@ -48,36 +45,10 @@ const PopoverContent: FC = ({
updateAttributes,
onPopupVisibleChange,
onUploadingChange,
- isUploading,
- deleteNode,
- isValidSource,
src,
+ deleteNode,
}) => {
const { t } = useTranslation();
- const handleFileUploadChange = async (info: UploadChangeParam) => {
- try {
- const srcUrl = info.file.response?.result;
- if (srcUrl) {
- updateAttributes({ src: srcUrl, alt: info.file.fileName });
- onPopupVisibleChange(false);
- }
- } catch (error) {
- // handle error
- } finally {
- onUploadingChange(false);
- }
- };
-
- const handleRequestUpload: UploadProps['customRequest'] = (options) => {
- onUploadingChange(true);
- const reader = new FileReader();
- reader.readAsDataURL(options.file as Blob);
- reader.addEventListener('load', (e) => {
- setTimeout(() => {
- options?.onSuccess?.(e.target);
- }, 1000);
- });
- };
const handleEmbedImage: FormProps['onFinish'] = (values) => {
onPopupVisibleChange(false);
@@ -87,35 +58,6 @@ const PopoverContent: FC = ({
onUploadingChange(false);
};
- const uploadElement = (
-
-
-
- {isValidSource && (
-
- )}
-
-
- );
-
const embedLinkElement = (