fix: format time and image
This commit is contained in:
		
							
								
								
									
										2
									
								
								.env
									
									
									
									
									
								
							
							
						
						
									
										2
									
								
								.env
									
									
									
									
									
								
							| @@ -1,2 +1,2 @@ | |||||||
| # NEXT_PUBLIC_BASE_URL=https://api-staging.cariparkir.co.id | # NEXT_PUBLIC_BASE_URL=https://api-staging.cariparkir.co.id | ||||||
| NEXT_PUBLIC_BASE_URL=https://d2cc-101-255-119-166.ap.ngrok.io | NEXT_PUBLIC_BASE_URL=http://localhost:8008 | ||||||
| @@ -7,7 +7,7 @@ import Ask from "../../../components/Ask"; | |||||||
| import Location from "../../../components/Location"; | import Location from "../../../components/Location"; | ||||||
| import DownloadApps from "../../../components/DownloadApps"; | import DownloadApps from "../../../components/DownloadApps"; | ||||||
| import Sheet from 'react-modal-sheet'; | import Sheet from 'react-modal-sheet'; | ||||||
| import Countdown from "react-countdown"; | import Countdown, { zeroPad } from "react-countdown"; | ||||||
| import {useRouter} from "next/router"; | import {useRouter} from "next/router"; | ||||||
| import BottomSheet from "../../../components/BottomSheet"; | import BottomSheet from "../../../components/BottomSheet"; | ||||||
| import { botsRepository } from '../../../repository/bots'; | import { botsRepository } from '../../../repository/bots'; | ||||||
| @@ -38,7 +38,7 @@ const Payment = observer(() => { | |||||||
|         if (completed) { |         if (completed) { | ||||||
|             // router.push('/flash-screen'); |             // router.push('/flash-screen'); | ||||||
|         } else { |         } else { | ||||||
|             return <span>{minutes}:{seconds}</span>; |             return <span>{zeroPad(minutes)}:{zeroPad(seconds)}</span>; | ||||||
|         } |         } | ||||||
|     }; |     }; | ||||||
|  |  | ||||||
| @@ -72,11 +72,11 @@ const Payment = observer(() => { | |||||||
|         <> |         <> | ||||||
|             {isNotComplete ? ( |             {isNotComplete ? ( | ||||||
|                 <div className="flex items-center justify-center bg-[#FF4F34] h-10 text-base"> |                 <div className="flex items-center justify-center bg-[#FF4F34] h-10 text-base"> | ||||||
|                     <span className={'text-white'}>Batas Penyelesaian Pesanan mu Habis</span> |                     <span className={'text-white'}>Selesaikan Pesananmu Dalam</span> | ||||||
|                 </div> |                 </div> | ||||||
|             ) : ( |             ) : ( | ||||||
|                 <div className="flex items-center justify-center bg-[#00AED6] h-10 text-base"> |                 <div className="flex items-center justify-center bg-[#00AED6] h-10 text-base"> | ||||||
|                     <span className={'text-white'}>Selesaikan Pesanan mu dalam <Countdown |                     <span className={'text-white'}>Batas Penyelesaian Pesanan mu Habis<Countdown | ||||||
|                         date={Date.now() + 300000} |                         date={Date.now() + 300000} | ||||||
|                         renderer={renderer} |                         renderer={renderer} | ||||||
|                         onComplete={() => { |                         onComplete={() => { | ||||||
| @@ -194,7 +194,7 @@ const Payment = observer(() => { | |||||||
|             <BottomSheet onOpen={openOrderOut} onClose={() => setOpenOrderOut(false)}> |             <BottomSheet onOpen={openOrderOut} onClose={() => setOpenOrderOut(false)}> | ||||||
|                 <div className={'px-5 max-w-lg'}> |                 <div className={'px-5 max-w-lg'}> | ||||||
|                     <div className={'flex justify-center'}> |                     <div className={'flex justify-center'}> | ||||||
|                         <Image src={'/assets/images/illustration-order-out.svg'} width={200} height={200} |                         <Image src={'/assets/images/Illustration-order-out.svg'} width={200} height={200} | ||||||
|                                alt={'confirmation'}/> |                                alt={'confirmation'}/> | ||||||
|                     </div> |                     </div> | ||||||
|  |  | ||||||
|   | |||||||
							
								
								
									
										11
									
								
								yarn.lock
									
									
									
									
									
								
							
							
						
						
									
										11
									
								
								yarn.lock
									
									
									
									
									
								
							| @@ -295,9 +295,14 @@ | |||||||
|   dependencies: |   dependencies: | ||||||
|     "glob" "7.1.7" |     "glob" "7.1.7" | ||||||
|  |  | ||||||
| "@next/swc-win32-x64-msvc@12.2.2": | "@next/swc-linux-x64-gnu@12.2.2": | ||||||
|   "integrity" "sha512-2D2iinWUL6xx8D9LYVZ5qi7FP6uLAoWymt8m8aaG2Ld/Ka8/k723fJfiklfuAcwOxfufPJI+nRbT5VcgHGzHAQ==" |   "integrity" "sha512-ir1vNadlUDj7eQk15AvfhG5BjVizuCHks9uZwBfUgT5jyeDCeRvaDCo1+Q6+0CLOAnYDR/nqSCvBgzG2UdFh9A==" | ||||||
|   "resolved" "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-12.2.2.tgz" |   "resolved" "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-12.2.2.tgz" | ||||||
|  |   "version" "12.2.2" | ||||||
|  |  | ||||||
|  | "@next/swc-linux-x64-musl@12.2.2": | ||||||
|  |   "integrity" "sha512-bte5n2GzLN3O8JdSFYWZzMgEgDHZmRz5wiispiiDssj4ik3l8E7wq/czNi8RmIF+ioj2sYVokUNa/ekLzrESWw==" | ||||||
|  |   "resolved" "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-12.2.2.tgz" | ||||||
|   "version" "12.2.2" |   "version" "12.2.2" | ||||||
|  |  | ||||||
| "@nodelib/fs.scandir@2.1.5": | "@nodelib/fs.scandir@2.1.5": | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user