@@ -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 | undefined > ( addDays ( new Date ( Date . now ( ) ) , 3 ) ) ;
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 : deadline . toISOString ( ) ,
323325 } ,
324326 throwOnError : true ,
325327 } )
@@ -378,7 +380,11 @@ function QuoteActions({
378380 }
379381
380382 const onRequestToPay = ( ) => {
381- requestToPayMutation . mutate ( )
383+ if ( ! requestToPayDate ) {
384+ toast . error ( "Please select a deadline date" )
385+ return
386+ }
387+ requestToPayMutation . mutate ( requestToPayDate )
382388 }
383389 return (
384390 < >
@@ -498,7 +504,17 @@ function QuoteActions({
498504 Request to Pay { requestToPayMutation . isPending && < LoaderIcon className = "stroke-1 animate-spin" /> }
499505 </ Button >
500506 }
501- />
507+ >
508+ < div className = "my-2 mb-4" >
509+ < Calendar
510+ mode = "single"
511+ selected = { requestToPayDate }
512+ onSelect = { setRequestToPayDate }
513+ hidden = { { before : addDays ( new Date ( Date . now ( ) ) , 2 ) } }
514+ required = { true }
515+ />
516+ </ div >
517+ </ ConfirmDrawer >
502518 ) : (
503519 < > </ >
504520 ) }
0 commit comments