diff options
Diffstat (limited to 'src/components/ProgressBar.js')
| -rw-r--r-- | src/components/ProgressBar.js | 9 |
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> ) |