diff --git a/apps/webapp/app/components/runs/v3/TaskRunsTable.tsx b/apps/webapp/app/components/runs/v3/TaskRunsTable.tsx index c498cec29..92bd100e8 100644 --- a/apps/webapp/app/components/runs/v3/TaskRunsTable.tsx +++ b/apps/webapp/app/components/runs/v3/TaskRunsTable.tsx @@ -40,6 +40,7 @@ import { useCallback, useRef } from "react"; import { run } from "@remix-run/dev/dist/cli/run"; import { formatCurrency, formatCurrencyAccurate, formatNumber } from "~/utils/numberFormatter"; import { useFeatures } from "~/hooks/useFeatures"; +import { useUser } from "~/hooks/useUser"; type RunsTableProps = { total: number; @@ -59,12 +60,15 @@ export function TaskRunsTable({ isLoading = false, allowSelection = false, }: RunsTableProps) { + const user = useUser(); const organization = useOrganization(); const project = useProject(); const checkboxes = useRef<(HTMLInputElement | null)[]>([]); const { selectedItems, has, hasAll, select, deselect, toggle } = useSelectedItems(allowSelection); const { isManagedCloud } = useFeatures(); + const showCompute = user.admin && isManagedCloud; + const navigateCheckboxes = useCallback( (event: React.KeyboardEvent, index: number) => { //indexes are out by one because of the header row @@ -124,7 +128,7 @@ export function TaskRunsTable({ Status Started Duration - {isManagedCloud && ( + {showCompute && ( <> Compute @@ -182,6 +186,7 @@ export function TaskRunsTable({ {run.startedAt ? : "–"} + {/* //todo add tooltip with explanation of the duration */}
{run.startedAt ? ( @@ -217,7 +222,7 @@ export function TaskRunsTable({ : "–"}
- {isManagedCloud && ( + {showCompute && ( {run.costInCents > 0 ? formatCurrencyAccurate(run.costInCents / 100) : "–"}