Conditionally show the disable Job text by the Delete button

Author: samejr

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.settings/route.tsx

@@ -1,4 +1,4 @@
-import { JobStatusTable } from "~/components/JobsStatusTable";
+import { JobEnvironment, JobStatusTable } from "~/components/JobsStatusTable";
 import { HowToDisableAJob } from "~/components/helpContent/HelpContentText";
 import { DeleteJobDialogContent } from "~/components/jobs/DeleteJobModalContent";
 import { Button } from "~/components/primitives/Buttons";
@@ -28,9 +28,11 @@ export default function Page() {
             </div>
             <JobStatusTable environments={job.environments} />
             <div className="mt-4 flex w-full items-center justify-end gap-x-3">
-              <Paragraph variant="small">
-                Disable this Job in all environments before deleting
-              </Paragraph>
+              {job.status === "ACTIVE" && (
+                <Paragraph variant="small">
+                  Disable this Job in all environments before deleting
+                </Paragraph>
+              )}
 
               <Dialog>
                 <DialogTrigger asChild>