New: App Sync Profiles

frontend/src/Indexer/Index/Table/IndexerIndexHeader.css

@@ -18,6 +18,12 @@
   flex: 0 0 90px;
 }
 
+.appProfileId {
+  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+
+  flex: 1 0 125px;
+}
+
 .capabilities {
   composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
 

frontend/src/Indexer/Index/Table/IndexerIndexRow.css

@@ -25,6 +25,12 @@
   flex: 0 0 90px;
 }
 
+.appProfileId {
+  composes: cell;
+
+  flex: 1 0 125px;
+}
+
 .capabilities {
   composes: cell;
 

frontend/src/Indexer/Index/Table/IndexerIndexRow.js

@@ -79,6 +79,7 @@ class IndexerIndexRow extends Component {
       privacy,
       priority,
       status,
+      appProfile,
       added,
       capabilities,
       columns,
@@ -183,6 +184,17 @@ class IndexerIndexRow extends Component {
               );
             }
 
+            if (column.name === 'appProfileId') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[column.name]}
+                >
+                  {appProfile.name}
+                </VirtualTableRowCell>
+              );
+            }
+
             if (column.name === 'capabilities') {
               return (
                 <VirtualTableRowCell
@@ -284,6 +296,7 @@ IndexerIndexRow.propTypes = {
   name: PropTypes.string.isRequired,
   enable: PropTypes.bool.isRequired,
   redirect: PropTypes.bool.isRequired,
+  appProfile: PropTypes.object.isRequired,
   status: PropTypes.object,
   capabilities: PropTypes.object.isRequired,
   added: PropTypes.string.isRequired,