chore: button label discount form

Author: mjkeaton

src/components/GrossToNetDiscountForm.tsx

@@ -40,6 +40,7 @@ interface CommonDiscountFormProps {
 
 type GrossToNetProps = CommonDiscountFormProps & {
   gross: CurrencyAmount
+  submitButtonText?: string
 }
 
 interface FormResult {
@@ -59,7 +60,7 @@ const INPUT_DAYS_MAX_VALUE = 360
 
 type GrossToNetFormValues = FormValues
 
-const GrossToNetDiscountForm = ({ startDate, endDate, gross, onSubmit }: GrossToNetProps) => {
+const GrossToNetDiscountForm = ({ startDate, endDate, gross, onSubmit, submitButtonText = "Submit" }: GrossToNetProps) => {
   const {
     watch,
     register,
@@ -94,7 +95,7 @@ const GrossToNetDiscountForm = ({ startDate, endDate, gross, onSubmit }: GrossTo
 
   useEffect(() => {
     if (startDate === undefined) return
-    setValue("daysInput", String(Math.min(daysBetween(startDate, endDate), INPUT_DAYS_MAX_VALUE)), {
+    setValue("daysInput", String(Math.min(Math.max(1, daysBetween(startDate, endDate)), INPUT_DAYS_MAX_VALUE)), {
       shouldValidate: true,
       shouldDirty: true,
       shouldTouch: true,
@@ -208,7 +209,7 @@ const GrossToNetDiscountForm = ({ startDate, endDate, gross, onSubmit }: GrossTo
       </div>
 
       <Button type="submit" size="sm" className="my-[16px]" disabled={!isValid}>
-        Confirm
+        {submitButtonText}
       </Button>
     </form>
   )

src/pages/quotes/QuotePage.tsx

@@ -48,24 +48,26 @@ function OfferForm({ onSubmit, discount }: OfferFormProps) {
         {...discount}
         startDate={discount.startDate ?? new Date(Date.now())}
         onSubmit={onSubmit}
+        submitButtonText="Next"
       />
     </>
   )
 }
 
 type OfferFormDrawerProps = Parameters<typeof BaseDrawer>[0] & {
+  value: InfoReply
   onSubmit: OfferFormProps["onSubmit"]
 }
 
-function OfferFormDrawer({ onSubmit, children, ...drawerProps }: OfferFormDrawerProps) {
+function OfferFormDrawer({ value, onSubmit, children, ...drawerProps }: OfferFormDrawerProps) {
   return (
     <BaseDrawer {...drawerProps} trigger={children}>
       <div className="px-4 py-12">
         <OfferForm
           discount={{
-            endDate: new Date(Date.now() + 1_000_000_000),
+            endDate: new Date(Date.parse(value.bill.maturity_date)),
             gross: {
-              value: new Big(21_000),
+              value: new Big(value.bill.sum),
               currency: "sat",
             },
           }}
@@ -197,7 +199,6 @@ function QuoteActions({ value, isFetching }: { value: InfoReply; isFetching: boo
   }
 
   return (
-    <>
       <div className="flex items-center gap-2">
         <DenyConfirmDrawer
           title="Confirm denying quote"
@@ -219,6 +220,7 @@ function QuoteActions({ value, isFetching }: { value: InfoReply; isFetching: boo
         <OfferFormDrawer
           title="Offer quote"
           description="Make an offer to the current holder of this bill"
+          value={value}
           open={offerFormDrawerOpen}
           onOpenChange={setOfferFormDrawerOpen}
           onSubmit={(data) => {
@@ -258,7 +260,6 @@ function QuoteActions({ value, isFetching }: { value: InfoReply; isFetching: boo
           </div>
         </OfferConfirmDrawer>
       </div>
-    </>
   )
 }