From 13f2cfc03508959c75d019a9231e129c58681d3c Mon Sep 17 00:00:00 2001
From: "gitauto-ai[bot]" <161652217+gitauto-ai[bot]@users.noreply.github.com>
Date: Fri, 21 Jun 2024 09:22:15 +0000
Subject: [PATCH] Update src/Helpers/StatusBadge.js

---
 src/Helpers/StatusBadge.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/Helpers/StatusBadge.js

diff --git a/src/Helpers/StatusBadge.js b/src/Helpers/StatusBadge.js
new file mode 100644
index 0000000..5b84ec0
--- /dev/null
+++ b/src/Helpers/StatusBadge.js
@@ -0,0 +1,18 @@
+import classNames from "classnames";
+import { ProgressBar, UpdateBadge } from "../Components/Layout";
+const StatusBadge = ({ itemsLength, allItemsLoaded, lastModified, itemType }) => (
+  <div className="alert alert-secondary text-center col-xs-12 col-lg-6 offset-lg-3">
+    {itemType}:{' '}
+    <span
+      className={classNames("badge rounded-pill", {
+        "bg-danger": itemsLength === 0,
+        "bg-warning": !allItemsLoaded,
+        "bg-success": itemsLength > 0,
+      })}
+    >
+      {allItemsLoaded ? itemsLength : `Carregando página ${itemsLength}...`}
+    </span> 
+    <br /> {!allItemsLoaded && <><br/><ProgressBar /></>} {allItemsLoaded && <UpdateBadge date={lastModified} />}
+  </div>
+);
+export default StatusBadge;
\ No newline at end of file