From e94c3fe90924cc6667d6f171fd02ffbd1062b1ff Mon Sep 17 00:00:00 2001
From: Zephyr <12817816+ZephyrTFA@users.noreply.github.com>
Date: Wed, 5 Jun 2024 08:37:36 -0400
Subject: [PATCH 1/2] remove progress bar if job is not running

---
 src/components/utils/JobCard.tsx | 52 ++++++++++++++++++--------------
 1 file changed, 29 insertions(+), 23 deletions(-)

diff --git a/src/components/utils/JobCard.tsx b/src/components/utils/JobCard.tsx
index 79b044d6..7c9378bb 100644
--- a/src/components/utils/JobCard.tsx
+++ b/src/components/utils/JobCard.tsx
@@ -150,29 +150,35 @@ export default class JobCard extends React.Component<IProps, IState> {
                     ) : (
                         ""
                     )}
-                    <div className="d-flex mt-2" style={{ height: "1.5rem" }}>
-                        <ProgressBar
-                            className="text-darker font-weight-bold flex-grow-1 h-unset"
-                            animated={!job.stoppedAt}
-                            label={
-                                typeof job.progress === "number"
-                                    ? `${job.progress.toString()}%`
-                                    : undefined
-                            }
-                            now={typeof job.progress === "number" ? job.progress : 100}
-                            striped
-                            variant={variant}
-                        />
-                        {job.canCancel && !job.stoppedAt ? (
-                            <Button
-                                style={{ padding: "0 1em" }}
-                                className="ml-1"
-                                variant="danger"
-                                onClick={() => this.props.onCancel(job)}>
-                                <FontAwesomeIcon icon="times" className="d-block" />
-                            </Button>
-                        ) : null}
-                    </div>
+
+                    {/* PROGRESS BAR */}
+                    {job.stoppedAt !== undefined ? (
+                        <div className="d-flex mt-2" style={{ height: "1.5rem" }}>
+                            <ProgressBar
+                                className="text-darker font-weight-bold flex-grow-1 h-unset"
+                                animated={!job.stoppedAt}
+                                label={
+                                    typeof job.progress === "number"
+                                        ? `${job.progress.toString()}%`
+                                        : undefined
+                                }
+                                now={typeof job.progress === "number" ? job.progress : 100}
+                                striped
+                                variant={variant}
+                            />
+                            {job.canCancel && !job.stoppedAt ? (
+                                <Button
+                                    style={{ padding: "0 1em" }}
+                                    className="ml-1"
+                                    variant="danger"
+                                    onClick={() => this.props.onCancel(job)}>
+                                    <FontAwesomeIcon icon="times" className="d-block" />
+                                </Button>
+                            ) : null}
+                        </div>
+                    ) : (
+                        ""
+                    )}
                 </ToastBody>
             </Toast>
         );

From 82e8e228f53cbf26f9f1efecb5706810548392f0 Mon Sep 17 00:00:00 2001
From: Zephyr <12817816+ZephyrTFA@users.noreply.github.com>
Date: Wed, 5 Jun 2024 08:38:46 -0400
Subject: [PATCH 2/2] inverted logic moment

---
 src/components/utils/JobCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/utils/JobCard.tsx b/src/components/utils/JobCard.tsx
index 7c9378bb..7fbf4d25 100644
--- a/src/components/utils/JobCard.tsx
+++ b/src/components/utils/JobCard.tsx
@@ -152,7 +152,7 @@ export default class JobCard extends React.Component<IProps, IState> {
                     )}
 
                     {/* PROGRESS BAR */}
-                    {job.stoppedAt !== undefined ? (
+                    {job.stoppedAt == undefined ? (
                         <div className="d-flex mt-2" style={{ height: "1.5rem" }}>
                             <ProgressBar
                                 className="text-darker font-weight-bold flex-grow-1 h-unset"