Merge pull request #357 from Itheum/stg

fix: countdown displaying hour issue and drop down menu overlap
Itheum · Apr 6, 2024 · a043b73 · a043b73
2 parents ecb9f47 + 80f4da3
commit a043b73
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/pages/AppMarketplace/GetBitz/index.tsx b/src/pages/AppMarketplace/GetBitz/index.tsx
@@ -423,8 +423,8 @@ export const GetBitz = () => {
         // Render a countdown
         return (
           <span>
-            {props.hours > 0 ? (props.hours + props.hours === 1 ? " Hour " : " Hours ") : ""}
-            {props.minutes > 0 ? props.minutes + " Min : " : ""} {props.seconds} Sec
+            {props.hours > 0 ? <>{`${props.hours} ${props.hours === 1 ? " Hour " : " Hours "}`}</> : ""}
+            {props.minutes > 0 ? props.minutes + " Min " : ""} {props.seconds} Sec
           </span>
         );
       }
@@ -443,9 +443,9 @@ export const GetBitz = () => {
                   return <> </>;
                 } else {
                   return (
-                    <div className="absolute z-10 w-full h-full rounded-[3rem] bg-black/90 ">
+                    <div className="absolute z-5 w-full h-full rounded-[3rem] bg-black/90 ">
                       <div className="flex w-full h-full  items-center justify-center">
-                        <div className="text-3xl md:text-5xl flex flex-col items-center justify-center ">
+                        <div className="text-3xl md:text-5xl flex flex-col items-center justify-center text-white ">
                           <p className="my-4 text-xl md:text-3xl "> You can play again in: </p>{" "}
                           {props.hours > 0 ? <>{`${props.hours} ${props.hours === 1 ? " Hour " : " Hours "}`}</> : ""}
                           {props.minutes > 0 ? props.minutes + " Min " : ""} {props.seconds} Sec