@@ -237,6 +237,7 @@ function QuoteActions({
237237 const [ enableMintingConfirmDrawerOpen , setEnableMintingConfirmDrawerOpen ] = useState ( false )
238238 const [ requestToPayConfirmDrawerOpen , setRequestToPayConfirmDrawerOpen ] = useState ( false )
239239 const [ payRequestResponse , setPayRequestResponse ] = useState < RequestToMintResponseInfo | null > ( null )
240+ const [ requestToPayDate , setRequestToPayDate ] = useState < Date > ( addDays ( new Date ( ) , 2 ) ) ;
240241
241242 const effectiveDiscount = useMemo ( ( ) => {
242243 if ( ! offerFormData ) return
@@ -315,11 +316,12 @@ function QuoteActions({
315316 } )
316317
317318 const requestToPayMutation = useMutation ( {
318- mutationFn : async ( ) => {
319+ mutationFn : async ( deadline : Date ) => {
319320 const { data } = await requestToMint ( {
320321 body : {
321322 ebill_id : value . bill . id ,
322323 amount : value . bill . sum ,
324+ deadline : String ( deadline )
323325 } ,
324326 throwOnError : true ,
325327 } )
@@ -378,7 +380,7 @@ function QuoteActions({
378380 }
379381
380382 const onRequestToPay = ( ) => {
381- requestToPayMutation . mutate ( )
383+ requestToPayMutation . mutate ( requestToPayDate )
382384 }
383385 return (
384386 < >
@@ -498,7 +500,17 @@ function QuoteActions({
498500 Request to Pay { requestToPayMutation . isPending && < LoaderIcon className = "stroke-1 animate-spin" /> }
499501 </ Button >
500502 }
501- />
503+ >
504+ < div className = "my-2 mb-4" >
505+ < Calendar
506+ mode = "single"
507+ selected = { requestToPayDate }
508+ onSelect = { setRequestToPayDate }
509+ hidden = { { before : addDays ( new Date ( Date . now ( ) ) , 2 ) } }
510+ required = { true }
511+ />
512+ </ div >
513+ </ ConfirmDrawer >
502514 ) : (
503515 < > </ >
504516 ) }
0 commit comments