fix: get data name location and address

components/Location/index.js

@@ -2,19 +2,15 @@ import React from 'react';
 import Image from "next/image";
 import {Divider} from "antd";
 
-const Location = () => {
+const Location = ({location}) => {
     return (
         <div>
             <div className={'flex flex-col items-center gap-4'}>
                 <Image src={'/assets/images/location.svg'} width={80} height={80} alt={'location'}/>
 
                 <div className={'text-center'}>
-                    <h1 className={'font-bold'}>LOCKEY Lippo Mall Kemang</h1>
-                    <p className={'text-sm text-[#B7BAC2]'}>Jl. Pangeran Antasari No.36, Bangka, Kec. Mampang Prpt.,
-                        Kota, Daerah
-                        Khusus Ibukota
-                        Jakarta
-                        12150</p>
+                    <h1 className={'font-bold'}>{location?.data?.[0]?.name}</h1>
+                    <p className={'text-sm text-[#B7BAC2]'}>{location?.data?.[0]?.address}</p>
                 </div>
             </div>
 

pages/[qrCode]/order/index.js

@@ -22,6 +22,7 @@ const FlashScreen = observer(() => {
             if (isAvailable) {
                 localStorage.setItem("lockey_id", isAvailable?.id)
                 localStorage.setItem("location_name", isAvailable?.location_name);
+                localStorage.setItem("price", isAvailable?.price)
                 store.lockey.createOrder({
                     lockeyId: isAvailable.id
                 })