From 6ad2f6a619fa0680604489fdff79de90a0d45537 Mon Sep 17 00:00:00 2001
From: James Gatz <jamesgatzos@gmail.com>
Date: Wed, 20 Dec 2023 10:15:23 +0100
Subject: [PATCH] add payment link for past due warning (#6937)

---
 packages/insomnia/src/ui/routes/project.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/insomnia/src/ui/routes/project.tsx b/packages/insomnia/src/ui/routes/project.tsx
index 7322595504..086d499351 100644
--- a/packages/insomnia/src/ui/routes/project.tsx
+++ b/packages/insomnia/src/ui/routes/project.tsx
@@ -1019,7 +1019,14 @@ const ProjectRoute: FC = () => {
                     <Icon icon="exclamation-triangle" className='mr-2' />
                     {isUserOwner ? `Your ${isPersonalOrg ? 'personal account' : 'organization'} has unpaid past invoices. Please enter a new payment method to continue using Insomnia.` : 'This organization has unpaid past invoices. Please ask the organization owner to enter a new payment method to continue using Insomnia.'}
                   </p>
-                  {isUserOwner && <Button className="px-4 text-[--color-bg] bg-opacity-100 bg-[rgba(var(--color-font-rgb),var(--tw-bg-opacity))] py-1 font-semibold border border-solid border-[--hl-md] flex items-center justify-center gap-2 aria-pressed:opacity-80 rounded-sm hover:bg-opacity-80 focus:ring-inset ring-1 ring-transparent focus:ring-[--hl-md] transition-all text-sm">Update payment method</Button>}
+                  {isUserOwner && (
+                    <a
+                      href={`${getAppWebsiteBaseURL()}/app/dashboard/organizations`}
+                      className="px-4 text-[--color-bg] bg-opacity-100 bg-[rgba(var(--color-font-rgb),var(--tw-bg-opacity))] py-1 font-semibold border border-solid border-[--hl-md] flex items-center justify-center gap-2 aria-pressed:opacity-80 rounded-sm hover:bg-opacity-80 focus:ring-inset ring-1 ring-transparent focus:ring-[--hl-md] transition-all text-sm"
+                    >
+                      Update payment method
+                    </a>
+                  )}
                 </div>
               </div>}
               <div className="flex justify-between w-full gap-1 p-[--padding-md]">