summaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
authorRafi Zadanly <rafizadanly@gmail.com>2022-12-28 12:01:39 +0700
committerRafi Zadanly <rafizadanly@gmail.com>2022-12-28 12:01:39 +0700
commite186f6123a13bd2976dc3cf2b2eb8f98f9430f51 (patch)
tree4d79fac0977e0ed270c5420567713bdf16bee78a /src/components
parentabd2e9eae4e819e157a1a4e3820e1b8375f553f0 (diff)
no message
Diffstat (limited to 'src/components')
-rw-r--r--src/components/ProgressBar.js9
1 files changed, 4 insertions, 5 deletions
diff --git a/src/components/ProgressBar.js b/src/components/ProgressBar.js
index cdb55205..8a2df0a4 100644
--- a/src/components/ProgressBar.js
+++ b/src/components/ProgressBar.js
@@ -1,12 +1,11 @@
-import { CheckIcon } from "@heroicons/react/24/outline";
-import { CheckCircleIcon } from "@heroicons/react/24/solid";
+import { Fragment } from "react";
const ProgressBar = ({ current, labels }) => {
return (
<div className="bg-gray_r-1 flex gap-x-2 p-4 rounded-md">
{labels.map((label, index) => (
- <>
- <div className={"flex gap-x-2 items-center " + (index < current ? 'text-gray_r-12' : 'text-gray_r-11')} key={index}>
+ <Fragment key={index}>
+ <div className={"flex gap-x-2 items-center " + (index < current ? 'text-gray_r-12' : 'text-gray_r-11')}>
<div className={"leading-none p-2 rounded-full w-7 text-center text-caption-2 " + (index < current ? 'bg-yellow_r-9' : 'bg-gray_r-6')}>
{ index + 1 }
</div>
@@ -17,7 +16,7 @@ const ProgressBar = ({ current, labels }) => {
<div className="h-0.5 w-full bg-gray_r-7"></div>
</div>
) }
- </>
+ </Fragment>
))}
</div>
)