[Files] Added description to Files management UI (elastic#145577)

## Summary <img width="474" alt="Screenshot 2022-11-17 at 15 52 12" src="https://user-images.githubusercontent.com/8155004/202479188-9d728af7-5895-41f5-85dd-e5032ca74968.png"> Original context: elastic#144425 (comment)
spalger · Nov 18, 2022 · 193b4ec · 193b4ec
1 parent 0b6de4b
commit 193b4ec
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/packages/content-management/table_list/src/table_list_view.tsx b/packages/content-management/table_list/src/table_list_view.tsx
@@ -51,6 +51,7 @@ export interface Props<T extends UserContentCommonSchema = UserContentCommonSche
   entityName: string;
   entityNamePlural: string;
   tableListTitle: string;
+  tableListDescription?: string;
   listingLimit: number;
   initialFilter?: string;
   initialPageSize: number;
@@ -133,6 +134,7 @@ const ast = Ast.create([]);
 
 function TableListViewComp<T extends UserContentCommonSchema>({
   tableListTitle,
+  tableListDescription,
   entityName,
   entityNamePlural,
   initialFilter: initialQuery,
@@ -592,6 +594,7 @@ function TableListViewComp<T extends UserContentCommonSchema>({
     <PageTemplate panelled data-test-subj={pageDataTestSubject}>
       <KibanaPageTemplate.Header
         pageTitle={<span id={headingId}>{tableListTitle}</span>}
+        description={tableListDescription}
         rightSideItems={[
           renderCreateButton() ?? <span />,
           ...additionalRightSideActions?.slice(0, 2),

diff --git a/src/plugins/files_management/public/app.tsx b/src/plugins/files_management/public/app.tsx
@@ -29,6 +29,8 @@ export const App: FunctionComponent = () => {
   return (
     <>
       <TableListView<FilesUserContentSchema>
+        tableListTitle={i18nTexts.tableListTitle}
+        tableListDescription={i18nTexts.tableListDescription}
         titleColumnName={i18nTexts.titleColumnName}
         emptyPrompt={<EmptyPrompt />}
         entityName={i18nTexts.entityName}
@@ -59,7 +61,6 @@ export const App: FunctionComponent = () => {
         initialFilter=""
         initialPageSize={50}
         listingLimit={1000}
-        tableListTitle={i18nTexts.tableListTitle}
         onClickTitle={({ attributes }) => setSelectedFile(attributes as unknown as FileJSON)}
         deleteItems={async (items) => {
           await filesClient.bulkDelete({ ids: items.map(({ id }) => id) });

diff --git a/src/plugins/files_management/public/i18n_texts.ts b/src/plugins/files_management/public/i18n_texts.ts
@@ -10,10 +10,13 @@ import { FileStatus } from '@kbn/files-plugin/common';
 import { i18n } from '@kbn/i18n';
 
 export const i18nTexts = {
+  tableListTitle: i18n.translate('filesManagement.table.title', { defaultMessage: 'Files' }),
+  tableListDescription: i18n.translate('filesManagement.table.description', {
+    defaultMessage: 'Manage files stored in Kibana.',
+  }),
   titleColumnName: i18n.translate('filesManagement.table.titleColumnName', {
     defaultMessage: 'Name',
   }),
-  tableListTitle: i18n.translate('filesManagement.table.title', { defaultMessage: 'Files' }),
   entityName: i18n.translate('filesManagement.entityName.title', { defaultMessage: 'file' }),
   retry: i18n.translate('filesManagement.button.retry', {
     defaultMessage: 'Retry',