diff --git a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/about_panel/about_panel.tsx b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/about_panel/about_panel.tsx index 6555b95c3f470..a48a2365486fe 100644 --- a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/about_panel/about_panel.tsx +++ b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/about_panel/about_panel.tsx @@ -26,9 +26,10 @@ import { WelcomeContent } from './welcome_content'; interface Props { onFilePickerChange(files: FileList | null): void; + hasPermissionToImport: boolean; } -export const AboutPanel: FC = ({ onFilePickerChange }) => { +export const AboutPanel: FC = ({ onFilePickerChange, hasPermissionToImport }) => { return ( = ({ onFilePickerChange }) => { - + diff --git a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/about_panel/welcome_content.tsx b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/about_panel/welcome_content.tsx index 3a162a805f9ae..b2937a6189b0a 100644 --- a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/about_panel/welcome_content.tsx +++ b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/about_panel/welcome_content.tsx @@ -12,7 +12,11 @@ import { EuiFlexGroup, EuiFlexItem, EuiIcon, EuiSpacer, EuiText, EuiTitle } from import { useDataVisualizerKibana } from '../../../kibana_context'; -export const WelcomeContent: FC = () => { +interface Props { + hasPermissionToImport: boolean; +} + +export const WelcomeContent: FC = ({ hasPermissionToImport }) => { const { services: { fileUpload: { getMaxBytesFormatted }, @@ -37,10 +41,17 @@ export const WelcomeContent: FC = () => {

- + {hasPermissionToImport ? ( + + ) : ( + + )}

diff --git a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/file_data_visualizer_view/file_data_visualizer_view.js b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/file_data_visualizer_view/file_data_visualizer_view.js index c34a6e0b9cbd9..b9766e65a3555 100644 --- a/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/file_data_visualizer_view/file_data_visualizer_view.js +++ b/x-pack/plugins/data_visualizer/public/application/file_data_visualizer/components/file_data_visualizer_view/file_data_visualizer_view.js @@ -296,7 +296,12 @@ export class FileDataVisualizerView extends Component {
{mode === MODE.READ && ( <> - {!loading && !loaded && } + {!loading && !loaded && ( + + )} {loading && }