fix: readd MintTo and ChangeSinkAddress

grassrootseconomics · Oct 14, 2024 · 2b5801a · 2b5801a
1 parent 0f382dc
commit 2b5801a
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 34 deletions.
diff --git a/src/components/voucher/voucher-contract-functions.tsx b/src/components/voucher/voucher-contract-functions.tsx
@@ -1,4 +1,4 @@
-import { ArchiveIcon, SendIcon, WalletIcon } from "lucide-react";
+import { ArchiveIcon, PlusIcon, SendIcon, WalletIcon } from "lucide-react";
 import { useAccount, useWalletClient } from "wagmi";
 import { useIsWriter } from "~/hooks/useIsWriter";
 import { cn } from "~/lib/utils";
@@ -9,6 +9,7 @@ import { useIsMounted } from "~/hooks/useIsMounted";
 import { useIsOwner } from "~/hooks/useIsOwner";
 import { type RouterOutputs } from "~/utils/api";
 import ChangeSinkAddressDialog from "../dialogs/change-sink-dialog";
+import MintToDialog from "../dialogs/mint-to-dialog";
 import { useVoucherDetails } from "../pools/hooks";
 import { Button } from "../ui/button";
 
@@ -44,7 +45,7 @@ export function ManageVoucherFunctions({
       />
       {(isWriter || isOwner) && (
         <ChangeSinkAddressDialog
-          voucher_address={voucher_address}
+          voucher_address={voucher_address as `0x${string}`}
           button={
             <Button className="mb-2 w-25" variant={"outline"}>
               <ArchiveIcon className="mr-2 stroke-slate-700 h-3" />
@@ -65,6 +66,8 @@ export function BasicVoucherFunctions({
   const account = useAccount();
   const mounted = useIsMounted();
   const wallet = useWalletClient();
+  const isWriter = useIsWriter(voucher_address);
+  const isOwner = useIsOwner(voucher_address);
   const { data: details } = useVoucherDetails(voucher_address as `0x${string}`);
   function watchVoucher() {
     if (details?.symbol && details?.decimals) {
@@ -107,7 +110,28 @@ export function BasicVoucherFunctions({
           </Button>
         }
       />
-
+      {(isWriter || isOwner) && (
+        <MintToDialog
+          voucher_address={voucher_address as `0x${string}`}
+          button={
+            <Button className="mb-2 w-25" variant={"outline"}>
+              <PlusIcon className="mr-2 stroke-slate-700 h-3" />
+              Mint
+            </Button>
+          }
+        />
+      )}
+      {(isWriter || isOwner) && (
+        <ChangeSinkAddressDialog
+          voucher_address={voucher_address as `0x${string}`}
+          button={
+            <Button className="mb-2 w-25" variant={"outline"}>
+              <ArchiveIcon className="mr-2 stroke-slate-700 h-3" />
+              Change Fund
+            </Button>
+          }
+        />
+      )}
       {account?.connector?.id &&
         ["io.metamask"].includes(account?.connector?.id) && (
           <Button

diff --git a/src/pages/vouchers/[address]/index.tsx b/src/pages/vouchers/[address]/index.tsx
@@ -20,7 +20,6 @@ import { useToken } from "wagmi";
 import { BreadcrumbResponsive } from "~/components/breadcrumbs";
 import StatisticsCard from "~/components/cards/statistics-card";
 import { LineChart } from "~/components/charts/line-chart";
-import { ContractFunctions } from "~/components/contract/ContractFunctions";
 import { Icons } from "~/components/icons";
 import { ContentContainer } from "~/components/layout/content-container";
 import { getVoucherDetails } from "~/components/pools/contract-functions";
@@ -31,13 +30,8 @@ import { Avatar, AvatarFallback, AvatarImage } from "~/components/ui/avatar";
 import { CardContent, CardHeader, CardTitle } from "~/components/ui/card";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "~/components/ui/tabs";
 import UpdateVoucherForm from "~/components/voucher/forms/update-voucher-form";
-import {
-  BasicVoucherFunctions,
-  ManageVoucherFunctions,
-} from "~/components/voucher/voucher-contract-functions";
+import { BasicVoucherFunctions } from "~/components/voucher/voucher-contract-functions";
 import { VoucherHoldersTable } from "~/components/voucher/voucher-holders-table";
-import { abi as DMRAbi } from "~/contracts/erc20-demurrage-token/contract";
-import { abi as GiftableAbi } from "~/contracts/erc20-giftable-token/contract";
 import { env } from "~/env";
 import { Authorization } from "~/hooks/useAuth";
 import { useIsMounted } from "~/hooks/useIsMounted";
@@ -143,14 +137,6 @@ const VoucherPage = ({
     },
   });
 
-  const getAbiByVoucherType = (voucherType: string | undefined) => {
-    if (voucherType === "GIFTABLE") {
-      return GiftableAbi;
-    } else if (voucherType === "DEMURRAGE") {
-      return DMRAbi;
-    }
-    return undefined;
-  };
   const getVoucherTypeName = (voucherType: string | undefined) => {
     if (voucherType === "GIFTABLE") {
       return "No Expiration";
@@ -159,7 +145,6 @@ const VoucherPage = ({
     }
     return "Unknown";
   };
-  const abi = getAbiByVoucherType(voucher?.voucher_type);
 
   return (
     <ContentContainer title={details?.name ?? "Voucher Details"}>
@@ -217,8 +202,8 @@ const VoucherPage = ({
               {voucher?.voucher_value && voucher?.voucher_uoa && (
                 <div className="mt-4 inline-block px-4 py-2 bg-secondary rounded-md">
                   <p className="text-sm font-semibold text-secondary-foreground">
-                    1 {details.symbol} = {voucher.voucher_value} {voucher.voucher_uoa} of
-                    Products
+                    1 {details.symbol} = {voucher.voucher_value}{" "}
+                    {voucher.voucher_uoa} of Products
                   </p>
                 </div>
               )}
@@ -236,13 +221,6 @@ const VoucherPage = ({
             <TabsTrigger value="data">Data</TabsTrigger>
             <TabsTrigger value="transactions">Transactions</TabsTrigger>
             <TabsTrigger value="holders">Holders</TabsTrigger>
-            <Authorization
-              resource={"Contract"}
-              action="UPDATE"
-              isOwner={isOwner}
-            >
-              <TabsTrigger value="manage">Manage</TabsTrigger>
-            </Authorization>
             <Authorization
               resource={"Vouchers"}
               action="UPDATE"
@@ -254,12 +232,7 @@ const VoucherPage = ({
               </TabsTrigger>
             </Authorization>
           </TabsList>
-          <TabsContent value="manage">
-            <ManageVoucherFunctions voucher_address={voucher_address} />
-            {isMounted && abi && (
-              <ContractFunctions abi={abi} address={voucher_address} />
-            )}
-          </TabsContent>
+
           <TabsContent value="home">
             <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
               <div className="lg:col-span-2 space-y-8">