typescript

frontend/src/documents/SelectionFloatingActions.tsx

@@ -503,38 +503,82 @@ const SelectionFloatingActions: React.FC<SelectionFloatingActionsProps> = ({
     />
   ) : null;
 
+  const showPrimaryButtons = Boolean(onBulkReanalyze || onDeleteSelection || onClearSelection);
+
+  const moveMenu = typeof onMoveDocumentsToFolder === 'function' ? (
+    <SelectionAssignmentMenu
+      label="Move"
+      triggerContent={(
+        <span className="quick-add__chip-label">
+          {loadingFolders ? (
+            <LoaderIcon className="icon-inline icon--spin" aria-hidden="true" />
+          ) : (
+            <FolderOutlineIcon className="icon-inline" aria-hidden="true" />
+          )}
+          {' '}
+          Move
+        </span>
+      )}
+      items={moveAssignments}
+      placeholder="Search folders…"
+      emptyMessage={loadingFolders ? 'Loading folders…' : 'No folders'}
+      onToggle={(item) => handleMoveSelectionToFolder(item?.payload || item)}
+      disabled={!documentCount || (loadingFolders && !moveAssignments.length)}
+      createLabel={null}
+      showStateIndicators={false}
+      showCounts={false}
+      onOpenMenu={handleMoveMenuOpen}
+      renderItemLabel={renderFolderLabel}
+    />
+  ) : null;
+
+  const primaryButtons = showPrimaryButtons ? (
+    <div className="panel-floating__buttons">
+      {typeof onBulkReanalyze === 'function' ? (
+        <button
+          type="button"
+          className="icon-button panel-floating-actions__button"
+          onClick={() => onBulkReanalyze(documentIdList)}
+          aria-label="Re-run analysis for selection"
+          title="Re-run analysis for selection"
+          disabled={documentIdList.length === 0}
+        >
+          <AnalyzeIcon className="icon-inline" />
+        </button>
+      ) : null}
+      {typeof onDeleteSelection === 'function' ? (
+        <button
+          type="button"
+          className="icon-button danger panel-floating-actions__button"
+          onClick={onDeleteSelection}
+          aria-label="Delete selected items"
+          disabled={totalCount === 0}
+        >
+          <TrashIcon className="icon-inline" />
+        </button>
+      ) : null}
+      {typeof onClearSelection === 'function' ? (
+        <button
+          type="button"
+          className="icon-button panel-floating-actions__button"
+          onClick={onClearSelection}
+          aria-label="Clear selection"
+          title="Clear selection"
+          disabled={totalCount === 0}
+        >
+          <IconX className="icon-inline" />
+        </button>
+      ) : null}
+    </div>
+  ) : null;
+
   return (
     <>
       {summaryNode ? (
         <span className="panel-floating__label">{summaryNode}</span>
       ) : null}
-      <div className="panel-floating-actions">
-        {typeof onMoveDocumentsToFolder === 'function' ? (
-          <SelectionAssignmentMenu
-            label="Move"
-            triggerContent={(
-              <span className="quick-add__chip-label">
-                {loadingFolders ? (
-                  <LoaderIcon className="icon-inline icon--spin" aria-hidden="true" />
-                ) : (
-                  <FolderOutlineIcon className="icon-inline" aria-hidden="true" />
-                )}
-                {' '}
-                Move
-              </span>
-            )}
-            items={moveAssignments}
-            placeholder="Search folders…"
-            emptyMessage={loadingFolders ? 'Loading folders…' : 'No folders'}
-            onToggle={(item) => handleMoveSelectionToFolder(item?.payload || item)}
-            disabled={!documentCount || (loadingFolders && !moveAssignments.length)}
-            createLabel={null}
-            showStateIndicators={false}
-            showCounts={false}
-            onOpenMenu={handleMoveMenuOpen}
-            renderItemLabel={renderFolderLabel}
-          />
-        ) : null}
+      <div className="panel-floating-actions panel-floating-actions--assignments">
+        {moveMenu}
         <SelectionAssignmentMenu
           label="Tags"
           triggerContent={(
@@ -565,42 +609,8 @@ const SelectionFloatingActions: React.FC<SelectionFloatingActionsProps> = ({
           onCreate={handleCreateCorrespondentAssignment}
           disabled={!documentCount}
         />
-        {typeof onBulkReanalyze === 'function' ? (
-          <button
-            type="button"
-            className="icon-button panel-floating-actions__button"
-            onClick={() => onBulkReanalyze(documentIdList)}
-            aria-label="Re-run analysis for selection"
-            title="Re-run analysis for selection"
-            disabled={documentIdList.length === 0}
-          >
-            <AnalyzeIcon className="icon-inline" />
-          </button>
-        ) : null}
-        {typeof onDeleteSelection === 'function' ? (
-          <button
-            type="button"
-            className="icon-button danger panel-floating-actions__button"
-            onClick={onDeleteSelection}
-            aria-label="Delete selected items"
-            disabled={totalCount === 0}
-          >
-            <TrashIcon className="icon-inline" />
-          </button>
-        ) : null}
-        {typeof onClearSelection === 'function' ? (
-          <button
-            type="button"
-            className="icon-button panel-floating-actions__button"
-            onClick={onClearSelection}
-            aria-label="Clear selection"
-            title="Clear selection"
-            disabled={totalCount === 0}
-          >
-            <IconX className="icon-inline" />
-          </button>
-        ) : null}
       </div>
+      {primaryButtons}
     </>
   );
 };