feat: Display revoke button for recurring payments (#1438)

* display revoke button for recurring payments

* Update [grantId].tsx

* Update [grantId].tsx

---------

Co-authored-by: Tymmmy <[email protected]>

Author: domin191013

packages/boutique/backend/src/order/controller.ts

@@ -3,6 +3,7 @@ import { IOrderService } from './service'
 import { Order } from './model'
 import {
   BadRequest,
+  Unauthorized,
   Controller,
   InternalServerError,
   toSuccessResponse
@@ -20,6 +21,7 @@ import {
   setupFinishSchema,
   oneClickSetupSchema
 } from '@boutique/shared'
+import { OpenPaymentsClientError } from '@interledger/open-payments'
 
 interface GetParams {
   id?: string
@@ -239,7 +241,11 @@ export class OrderController implements IOrderController {
         })
       )
     } catch (err) {
-      next(err)
+      if (err instanceof OpenPaymentsClientError && err.status === 401)
+        next(
+          new Unauthorized('Instant-buy is not valid please initiate it again')
+        )
+      else next(err)
     }
   }
 }

packages/wallet/frontend/src/pages/grants/[grantId].tsx

@@ -51,15 +51,16 @@ const GrantPage: NextPageWithLayout<GrantPageProps> = ({ grant }) => {
       <PageHeader title="Grant details" />
       <div className="flex flex-col items-start md:flex-col">
         <GrantDetails grant={grant}></GrantDetails>
-        {grant.state !== 'FINALIZED' && (
+        {(grant.finalizationReason === 'ISSUED' ||
+          grant.state !== 'FINALIZED') && (
           <Button
             intent="secondary"
             aria-label="revoke"
             onClick={() => {
               openDialog(
                 <ConfirmationDialog
                   confirmText="Revoke Grant"
-                  message="Are you sure you want to revoke this grant?"
+                  message="Revoking a grant will prevent future payments from this client. You will need to give the client access again to allow them to initiate further payments. Finalized payments will not change. Are you sure you want to revoke this grant?"
                   onConfirm={() => handleRevokeConfirmation(grant.id)}
                   onClose={closeDialog}
                 />