Newznab Work

frontend/src/Search/Table/CategoryLabel.js

@@ -3,16 +3,20 @@ import React from 'react';
 import Label from 'Components/Label';
 
 function CategoryLabel({ categories }) {
-  let catName = '';
-
-  if (categories && categories.length > 0) {
-    catName = categories[0].name;
-  }
+  const sortedCategories = categories.sort((c) => c.id);
 
   return (
-    <Label>
-      {catName}
-    </Label>
+    <span>
+      {
+        sortedCategories.map((category) => {
+          return (
+            <Label key={category.name}>
+              {category.name}
+            </Label>
+          );
+        })
+      }
+    </span>
   );
 }
 

frontend/src/Search/Table/SearchIndexHeader.css

@@ -10,7 +10,12 @@
   flex: 4 0 110px;
 }
 
-.category,
+.category {
+  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+
+  flex: 0 0 110px;
+}
+
 .indexer {
   composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
 

frontend/src/Search/Table/SearchIndexRow.css

@@ -17,7 +17,12 @@
   flex: 4 0 110px;
 }
 
-.category,
+.category {
+  composes: cell;
+
+  flex: 0 0 110px;
+}
+
 .indexer {
   composes: cell;
 

frontend/src/Settings/Applications/ApplicationSettings.js

@@ -1,6 +1,9 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 import PageContent from 'Components/Page/PageContent';
 import PageContentBody from 'Components/Page/PageContentBody';
+import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
+import PageToolbarSeparator from 'Components/Page/Toolbar/PageToolbarSeparator';
+import { icons } from 'Helpers/Props';
 import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
 import translate from 'Utilities/String/translate';
 import ApplicationsConnector from './Applications/ApplicationsConnector';
@@ -10,6 +13,21 @@ function ApplicationSettings() {
     <PageContent title={translate('Applications')}>
       <SettingsToolbarConnector
         showSave={false}
+        additionalButtons={
+          <Fragment>
+            <PageToolbarSeparator />
+
+            <PageToolbarButton
+              label={translate('SyncAppIndexers')}
+              iconName={icons.REFRESH}
+            />
+
+            <PageToolbarButton
+              label={translate('TestAllApps')}
+              iconName={icons.TEST}
+            />
+          </Fragment>
+        }
       />
 
       <PageContentBody>