reafctor based on PR 2334 comments to merge to main

src/plugins/data_source_management/README.md

@@ -1,6 +1,6 @@
 # dataSourceManagement
 
-A OpenSearch Dashboards plugin
+An OpenSearch Dashboards plugin
 
 ---
 

src/plugins/data_source_management/public/components/data_source_table/data_source_table.tsx

@@ -170,7 +170,7 @@ export const DataSourceTable = ({ history }: RouteComponentProps) => {
         </>
       ),
       dataType: 'string' as const,
-      sortable: ({ sort }: { sort: string }) => sort,
+      sortable: ({ title }: { title: string }) => title,
     },
     {
       field: 'description',
@@ -180,7 +180,7 @@ export const DataSourceTable = ({ history }: RouteComponentProps) => {
         show: false,
       },
       dataType: 'string' as const,
-      sortable: ({ sort }: { sort: string }) => sort,
+      sortable: ({ description }: { description: string }) => description,
     },
   ];
 

src/plugins/data_source_management/public/components/utils.test.ts

@@ -32,7 +32,6 @@ describe('DataSourceManagement: Utils.ts', () => {
       mockResponseForSavedObjectsCalls(savedObjects.client, 'find', getDataSourcesResponse);
       const fetchDataSources = await getDataSources(savedObjects.client);
       expect(fetchDataSources.length).toBe(getDataSourcesResponse.savedObjects.length);
-      expect(fetchDataSources[0].title).toBe('alpha-test');
     });
     test('Success but no data sources found: getting data sources', async () => {
       mockResponseForSavedObjectsCalls(savedObjects.client, 'find', {});

src/plugins/data_source_management/public/components/utils.ts

@@ -15,28 +15,18 @@ export async function getDataSources(savedObjectsClient: SavedObjectsClientContr
     })
     .then(
       (response) =>
-        response?.savedObjects
-          ?.map((source) => {
-            const id = source.id;
-            const title = source.get('title');
-            const description = source.get('description');
+        response?.savedObjects?.map((source) => {
+          const id = source.id;
+          const title = source.get('title');
+          const description = source.get('description');
 
-            return {
-              id,
-              title,
-              description,
-              sort: `${title}`,
-            };
-          })
-          .sort((a, b) => {
-            if (a.sort < b.sort) {
-              return -1;
-            } else if (a.sort > b.sort) {
-              return 1;
-            } else {
-              return 0;
-            }
-          }) || []
+          return {
+            id,
+            title,
+            description,
+            sort: `${title}`,
+          };
+        }) || []
     );
 }