[ML] Data Visualizer: Remove import reference for users without impor…

…t privileges (#135905)
elastic · Jul 7, 2022 · d779e53 · d779e53
1 parent 8e027bf
commit d779e53
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 8 deletions.
diff --git a/...visualizer/public/application/file_data_visualizer/components/about_panel/about_panel.tsx b/...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<Props> = ({ onFilePickerChange }) => {
+export const AboutPanel: FC<Props> = ({ onFilePickerChange, hasPermissionToImport }) => {
   return (
     <EuiPageBody
       paddingSize="none"
@@ -39,7 +40,7 @@ export const AboutPanel: FC<Props> = ({ onFilePickerChange }) => {
       <EuiPageContent hasShadow={false} hasBorder>
         <EuiFlexGroup gutterSize="xl">
           <EuiFlexItem grow={true}>
-            <WelcomeContent />
+            <WelcomeContent hasPermissionToImport={hasPermissionToImport} />
 
             <EuiHorizontalRule margin="l" />
 

diff --git a/...alizer/public/application/file_data_visualizer/components/about_panel/welcome_content.tsx b/...alizer/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<Props> = ({ hasPermissionToImport }) => {
   const {
     services: {
       fileUpload: { getMaxBytesFormatted },
@@ -37,10 +41,17 @@ export const WelcomeContent: FC = () => {
         <EuiSpacer size="s" />
         <EuiText>
           <p>
-            <FormattedMessage
-              id="xpack.dataVisualizer.file.welcomeContent.visualizeDataFromLogFileDescription"
-              defaultMessage="Upload your file, analyze its data, and optionally import the data into an Elasticsearch index."
-            />
+            {hasPermissionToImport ? (
+              <FormattedMessage
+                id="xpack.dataVisualizer.file.welcomeContent.visualizeAndImportDataFromLogFileDescription"
+                defaultMessage="Upload your file, analyze its data, and optionally import the data into an Elasticsearch index."
+              />
+            ) : (
+              <FormattedMessage
+                id="xpack.dataVisualizer.file.welcomeContent.visualizeDataFromLogFileDescription"
+                defaultMessage="Upload your file and analyze its data."
+              />
+            )}
           </p>
         </EuiText>
         <EuiSpacer size="s" />

diff --git a/...on/file_data_visualizer/components/file_data_visualizer_view/file_data_visualizer_view.js b/...on/file_data_visualizer/components/file_data_visualizer_view/file_data_visualizer_view.js
@@ -296,7 +296,12 @@ export class FileDataVisualizerView extends Component {
       <div>
         {mode === MODE.READ && (
           <>
-            {!loading && !loaded && <AboutPanel onFilePickerChange={this.onFilePickerChange} />}
+            {!loading && !loaded && (
+              <AboutPanel
+                onFilePickerChange={this.onFilePickerChange}
+                hasPermissionToImport={hasPermissionToImport}
+              />
+            )}
 
             {loading && <LoadingPanel />}