Show bulk actions on custom view route

kobotoolbox · Aug 21, 2023 · ddab503 · ddab503
1 parent 5cf1d55
commit ddab503
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/jsapp/js/projects/customViewRoute.tsx b/jsapp/js/projects/customViewRoute.tsx
@@ -21,8 +21,9 @@ import styles from './projectViews.module.scss';
 import {toJS} from 'mobx';
 import {ROOT_URL} from 'js/constants';
 import {fetchPostUrl} from 'js/api';
-import ProjectQuickActions from './projectsTable/projectQuickActions';
 import ProjectQuickActionsEmpty from './projectsTable/projectQuickActionsEmpty';
+import ProjectQuickActions from './projectsTable/projectQuickActions';
+import ProjectBulkActions from './projectsTable/projectBulkActions';
 
 function CustomViewRoute() {
   const {viewUid} = useParams();
@@ -112,13 +113,21 @@ function CustomViewRoute() {
             <ProjectQuickActions asset={selectedAssets[0]} />
           </div>
         )}
+
+        {selectedAssets.length > 1 && (
+          <div className={styles.actions}>
+            <ProjectBulkActions assets={selectedAssets} />
+          </div>
+        )}
       </header>
 
       <ProjectsTable
         assets={customView.assets}
         isLoading={!customView.isFirstLoadComplete}
         highlightedFields={getFilteredFieldsNames()}
-        visibleFields={toJS(customView.fields) || customView.defaultVisibleFields}
+        visibleFields={
+          toJS(customView.fields) || customView.defaultVisibleFields
+        }
         orderableFields={DEFAULT_ORDERABLE_FIELDS}
         order={customView.order}
         onChangeOrderRequested={customView.setOrder.bind(customView)}