fix(FR-2820): decide row actions from record.is_active instead of outer tab state

The deactivate/activate action choice was driven by the isActiveTab prop, which
flips immediately on segment change while the GraphQL response is still loading
(useDeferredValue). The result: old rows briefly show actions that don't match
their actual state.

UserManagement decides per-record (record.status === 'active'), so its rows
stay consistent during transitions. Apply the same approach here using
record.is_active, and remove the now-redundant isActiveTab prop.

Author: ironAiken2

packages/backend.ai-ui/src/components/fragments/BAIProjectTable.tsx

@@ -52,15 +52,13 @@ export interface BAIProjectTableProps extends Omit<
   ) => void;
   onClickProjectEditButton: (project: Project) => void;
   updateFetchKey?: () => void;
-  isActiveTab?: boolean;
 }
 
 const BAIProjectTable = ({
   projectFragment,
   onChangeOrder,
   onClickProjectEditButton,
   updateFetchKey,
-  isActiveTab = true,
   ...tableProps
 }: BAIProjectTableProps) => {
   'use memo';
@@ -148,7 +146,7 @@ const BAIProjectTable = ({
                   onClickProjectEditButton(record);
                 },
               },
-              ...(isActiveTab
+              ...(record.is_active
                 ? [
                     {
                       key: 'deactivate',

react/src/pages/ProjectPage.tsx

@@ -82,8 +82,10 @@ const ProjectPage = () => {
 
   const { supportedFields, exportCSV } = useCSVExport('projects');
 
-  const isActiveTab = queryParams.status === 'active';
-  const statusFilter = isActiveTab ? 'is_active == true' : 'is_active == false';
+  const statusFilter =
+    queryParams.status === 'active'
+      ? 'is_active == true'
+      : 'is_active == false';
 
   const queryVariables: ProjectPageQuery$variables = {
     offset: baiPaginationOption.offset,
@@ -222,7 +224,6 @@ const ProjectPage = () => {
         </BAIFlex>
         <BAIProjectTable
           updateFetchKey={updateFetchKey}
-          isActiveTab={isActiveTab}
           projectFragment={filterOutEmpty(
             group_nodes?.edges.map((e) => e?.node) ?? [],
           )}