Fix goal text when reports are all done

GreenAsJade · Dec 4, 2023 · 5a813b8 · 5a813b8
1 parent 24711a4
commit 5a813b8
Showing 1 changed file with 16 additions and 12 deletions.
diff --git a/src/views/ReportsCenter/ReportsCenter.tsx b/src/views/ReportsCenter/ReportsCenter.tsx
@@ -166,18 +166,22 @@ export function ReportsCenter(): JSX.Element {
                             ? "All done, thank you!"
                             : report_manager.getHandledTodayCount() || ""}
                     </div>
-                    <div
-                        className="progress-bar empty"
-                        style={{
-                            width: `${
-                                (report_manager.getReportsLeftUntilGoal() / DAILY_REPORT_GOAL) * 100
-                            }%`,
-                        }}
-                    >
-                        {report_manager.getHandledTodayCount() === 0
-                            ? "Daily report goal: " + DAILY_REPORT_GOAL
-                            : ""}
-                    </div>
+
+                    {report_manager.getReportsLeftUntilGoal() > 0 && (
+                        <div
+                            className="progress-bar empty"
+                            style={{
+                                width: `${
+                                    (report_manager.getReportsLeftUntilGoal() / DAILY_REPORT_GOAL) *
+                                    100
+                                }%`,
+                            }}
+                        >
+                            {report_manager.getHandledTodayCount() === 0
+                                ? "Daily report goal: " + DAILY_REPORT_GOAL
+                                : ""}
+                        </div>
+                    )}
                 </div>
             )}