From dd2950639327f1e3dc210600f42b69d4de377ca2 Mon Sep 17 00:00:00 2001
From: ankushKun <ankush4singh@gmail.com>
Date: Fri, 5 Jul 2024 13:06:41 +0530
Subject: [PATCH] payments

---
 next_app/src/components/menubar/index.tsx | 39 +++++++++++++++++++++--
 next_app/src/pages/_app.tsx               |  1 +
 2 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/next_app/src/components/menubar/index.tsx b/next_app/src/components/menubar/index.tsx
index bb965fc..6c18829 100644
--- a/next_app/src/components/menubar/index.tsx
+++ b/next_app/src/components/menubar/index.tsx
@@ -43,9 +43,31 @@ export default function Menubar() {
         </div>, {position:"top-center", icon:"/icon.svg", duration:15000, style:{backgroundColor:"transparent", boxShadow:"none", color:"transparent"}})
     }
 
+
+    async function oneTime(amount: number) {
+        // connect to the extension
+        await window.arweaveWallet.connect(["ACCESS_ALL_ADDRESSES"]);
+
+        // submit the subscription information
+        const subscription = await window.arweaveWallet.subscription({
+            arweaveAccountAddress: "flBS223GKLwM0yiJGCk55BA_mdH_1QTLR5VFKejIi7c",
+            applicationName: "BetterIDEa",
+            subscriptionName: "BetterIDEa Sponsor",
+            subscriptionManagementUrl: "https://ide.betteridea.dev",
+            subscriptionFeeAmount: amount,
+            recurringPaymentFrequency: "Monthly",
+            // one day from today
+            subscriptionEndDate: new Date(Date.now() + 1000 * 60 * 60 * 24).toISOString(),
+            applicationIcon: "https://ide.betteridea.dev/icon.svg",
+        });
+
+        // Subscription will output the details and the initial payment txn
+        console.log("Subscription details with paymentHistory array:", subscription);
+    }
+
     return <div className="border-b h-[30px] text-xs flex items-center overflow-clip">
-        <Image src="/icon.svg" alt="Logo" width={40} height={40} className="py-1 w-12 h-[30px] cursor-pointer hover:bg-accent" onClick={logoClicked} />
-        <MenubarComponent className="border-none m-0 p-0">
+        <Image src="/icon.svg" alt="Logo" width={40} height={40} className="py-1 min-w-12 h-[30px] cursor-pointer hover:bg-accent" onClick={logoClicked} />
+        <MenubarComponent className="border-none m-0 p-0 w-full">
             <MenubarMenu>
                 <MenubarTrigger className="rounded-none m-0">Project</MenubarTrigger>
                 <MenubarContent sideOffset={1} alignOffset={0} className="rounded-b-md rounded-t-none bg-background">
@@ -83,6 +105,19 @@ export default function Menubar() {
                     <MenubarItem disabled={!project || !globalState.activeFile} onClick={() => globalState.closeOpenedFile(globalState.activeFile)}>Close File</MenubarItem>
                 </MenubarContent>
             </MenubarMenu>
+            <MenubarMenu>
+                <MenubarTrigger className="rounded-none ml-auto absolute right-0">Sponsor Us</MenubarTrigger>
+                <MenubarContent sideOffset={1} alignOffset={0} className="rounded-b-md rounded-t-none bg-background">
+                    <MenubarItem disabled>
+                        Sponsor a one time amount or a recurring amount (TODO)
+                    </MenubarItem>
+                    {/* <MenubarItem onClick={()=>oneTime(0.05)}>0.05 $AR (onetime)</MenubarItem>
+                    <MenubarItem onClick={()=>oneTime(0.5)}>0.5 $AR (onetime)</MenubarItem>
+                    <MenubarItem onClick={()=>oneTime(1)}>1 $AR (onetime)</MenubarItem>
+                    <MenubarSeparator/>
+                    <MenubarItem disabled>$5 (monthly)</MenubarItem> */}
+                </MenubarContent>
+            </MenubarMenu>
         </MenubarComponent>
         
         <div className="grow" />
diff --git a/next_app/src/pages/_app.tsx b/next_app/src/pages/_app.tsx
index 8eae783..195e56a 100644
--- a/next_app/src/pages/_app.tsx
+++ b/next_app/src/pages/_app.tsx
@@ -15,6 +15,7 @@ declare global {
       disconnect: Function;
       getActiveAddress:()=> Promise<string>;
       signDataItem: Function;
+      subscription: Function;
     };
   }
 }