dashboard: allow canceling jobs while jobs are loading (#34369)

GitOrigin-RevId: 5690931e0bfd5c4d851b75ed08f7f35ac41cd744

Author: atrakh

npm-packages/dashboard-common/src/features/schedules/components/ScheduledFunctionsContent.tsx

@@ -30,7 +30,7 @@ export function ScheduledFunctionsContent({
 
   return (
     <div className="relative flex h-full max-w-6xl grow flex-col gap-4">
-      <ScheduledFunctionsContentToolbar jobs={jobs} />
+      <ScheduledFunctionsContentToolbar />
       <Sheet
         className="flex min-w-[40rem] max-w-full grow flex-col"
         padding={false}

npm-packages/dashboard-common/src/features/schedules/components/ScheduledFunctionsContentToolbar.tsx

@@ -1,7 +1,6 @@
 import { TrashIcon } from "@radix-ui/react-icons";
 import { useRouter } from "next/router";
 import { useContext, useState } from "react";
-import { ScheduledJob } from "system-udfs/convex/_system/frontend/common";
 import { useCancelAllJobs } from "@common/features/schedules/lib/api";
 import { DeploymentInfoContext } from "@common/lib/deploymentContext";
 import {
@@ -20,11 +19,7 @@ import { Button } from "@common/elements/Button";
 import { SchedulerStatus } from "@common/elements/SchedulerStatus";
 import { ConfirmationDialog } from "@common/elements/ConfirmationDialog";
 
-export function ScheduledFunctionsContentToolbar({
-  jobs,
-}: {
-  jobs: ScheduledJob[];
-}) {
+export function ScheduledFunctionsContentToolbar() {
   const currentOpenFunction = useCurrentOpenFunction();
   const moduleFunctions = useModuleFunctions();
   const router = useRouter();
@@ -94,7 +89,7 @@ export function ScheduledFunctionsContentToolbar({
           size="sm"
           onClick={() => setShowDeleteModal(true)}
           icon={<TrashIcon />}
-          disabled={jobs.length === 0 || !canCancelJobs}
+          disabled={!canCancelJobs}
           tip={
             !canCancelJobs &&
             "You do not have permission to cancel scheduled runs in production."