wip: migrating to adena sdk

frontend/package.json

@@ -16,6 +16,7 @@
     "@gnolang/gno-js-client": "^1.3.0",
     "@gnolang/tm2-js-client": "^1.2.1",
     "@tanstack/react-query": "^5.51.11",
+    "adena-sdk-ts": "/Users/agherasie/Dev/gno/adena-sdk-ts/adena-sdk-ts-0.0.1.tgz",
     "axios": "^1.7.2",
     "env-var": "^7.5.0",
     "framer-motion": "^11.2.11",

frontend/src/hooks/useBuyNFT.ts

@@ -1,17 +1,16 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { constants } from "../constants";
-import { AdenaService } from "../services/adena/adena";
-import { EMessageType } from "../services/adena/adena.types";
 import { useAccountStore } from "../store";
 import { BuyNFTDto } from "../types/nfts";
+import { EMessageType, signAndSendTransaction } from "adena-sdk-ts";
 
 const useBuyNFT = () => {
   const { address } = useAccountStore();
   const queryClient = useQueryClient();
 
   return useMutation({
     mutationFn: ({ price, ...payload }: BuyNFTDto & { price: number }) =>
-      AdenaService.sendTransaction(
+      signAndSendTransaction(
         [
           {
             type: EMessageType.MSG_CALL,

frontend/src/hooks/useCreateCollection.ts

@@ -1,17 +1,16 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { constants } from "../constants";
-import { AdenaService } from "../services/adena/adena";
-import { EMessageType } from "../services/adena/adena.types";
 import { useAccountStore } from "../store";
 import { CreateCollectionDto } from "../types/collections";
+import { EMessageType, signAndSendTransaction } from "adena-sdk-ts";
 
 const useCreateCollection = () => {
   const { address } = useAccountStore();
   const queryClient = useQueryClient();
 
   return useMutation({
     mutationFn: (payload: CreateCollectionDto) =>
-      AdenaService.sendTransaction(
+      signAndSendTransaction(
         [
           {
             type: EMessageType.MSG_CALL,

frontend/src/hooks/useMint.ts

@@ -1,17 +1,16 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { constants } from "../constants";
-import { AdenaService } from "../services/adena/adena";
-import { EMessageType } from "../services/adena/adena.types";
 import { useAccountStore } from "../store";
 import { MintDto } from "../types/nfts";
+import { EMessageType, signAndSendTransaction } from "adena-sdk-ts";
 
 const useMint = () => {
   const { address } = useAccountStore();
   const queryClient = useQueryClient();
 
   return useMutation({
     mutationFn: (payload: MintDto) =>
-      AdenaService.sendTransaction(
+      signAndSendTransaction(
         [
           {
             type: EMessageType.MSG_CALL,

frontend/src/hooks/useSetForSale.ts

@@ -1,17 +1,16 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { constants } from "../constants";
-import { AdenaService } from "../services/adena/adena";
-import { EMessageType } from "../services/adena/adena.types";
 import { useAccountStore } from "../store";
 import { SetNFTForSaleDto } from "../types/nfts";
+import { EMessageType, signAndSendTransaction } from "adena-sdk-ts";
 
 const useSetForSale = () => {
   const { address } = useAccountStore();
   const queryClient = useQueryClient();
 
   return useMutation({
     mutationFn: (payload: SetNFTForSaleDto) =>
-      AdenaService.sendTransaction(
+      signAndSendTransaction(
         [
           {
             type: EMessageType.MSG_CALL,

frontend/src/hooks/useStarCollection.ts

@@ -1,17 +1,16 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { constants } from "../constants";
-import { AdenaService } from "../services/adena/adena";
-import { EMessageType } from "../services/adena/adena.types";
 import { useAccountStore } from "../store";
 import { StarCollectionDto } from "../types/collections";
+import { EMessageType, signAndSendTransaction } from "adena-sdk-ts";
 
 const useStarCollection = () => {
   const { address } = useAccountStore();
   const queryClient = useQueryClient();
 
   return useMutation({
     mutationFn: (payload: StarCollectionDto) =>
-      AdenaService.sendTransaction(
+      signAndSendTransaction(
         [
           {
             type: EMessageType.MSG_CALL,

frontend/src/molecules/ConnectButton.tsx

@@ -1,56 +1,52 @@
 import { HStack, StackDivider, Button, useToast, Text } from "@chakra-ui/react";
 import { FC, useState } from "react";
-import { AdenaService } from "../services/adena/adena";
-import { IAccountInfo } from "../services/adena/adena.types";
 import { constants } from "../constants";
 import { useAccountStore } from "../store";
 import { displayUgnot } from "../utils";
+import {
+  establishConnection,
+  getAccountInfo,
+  switchNetwork,
+} from "adena-sdk-ts";
 
 const WalletButton: FC = () => {
   const toast = useToast();
-  const { setAddress, setAccountInfo, accountInfo, balance, setBalance } =
-    useAccountStore();
-  const [isLoading, setIsLoading] = useState<boolean>(false);
-
-  const handleWalletConnect = async () => {
-    setIsLoading(true);
-
-    try {
-      // Attempt to establish a connection
-      await AdenaService.establishConnection("openocean");
 
-      // Get the account info
-      const info: IAccountInfo = await AdenaService.getAccountInfo();
+  const { setAddress, balance, address, setBalance } = useAccountStore();
 
-      // Make sure the network is valid
-      await AdenaService.switchNetwork(constants.chainID);
-
-      // Update the account context
-      setAddress(info.address);
-      setAccountInfo(info);
-      setBalance(+info.coins.split("u")[0]);
-
-      toast({
-        colorScheme: "purple",
-        title: "Connected to Adena",
-        description: `Connected to ${info.address}`,
-        status: "success",
-        duration: 3000,
-        isClosable: true,
-      });
-    } catch (e) {
-      console.error(e);
+  const [isLoading, setIsLoading] = useState<boolean>(false);
 
-      toast({
-        title: "Failed to connect to Adena",
-        description: "Please make sure you have the Adena wallet installed",
-        status: "error",
-        duration: 5000,
-        isClosable: true,
-      });
-    }
+  const handleWalletConnect = () => {
+    setIsLoading(true);
 
-    setIsLoading(false);
+    establishConnection("openocean")
+      .then(() =>
+        switchNetwork(constants.chainID).then(() =>
+          getAccountInfo().then((info) => {
+            setAddress(info.address);
+            setBalance(+info.coins.split("u")[0]);
+            toast({
+              colorScheme: "purple",
+              title: "Connected to Adena",
+              description: `Connected to ${info.address}`,
+              status: "success",
+              duration: 3000,
+              isClosable: true,
+            });
+          })
+        )
+      )
+      .catch((e) => {
+        console.error(e);
+        toast({
+          title: "Failed to connect to Adena",
+          description: "Please make sure you have the Adena wallet installed",
+          status: "error",
+          duration: 5000,
+          isClosable: true,
+        });
+      })
+      .finally(() => setIsLoading(false));
   };
 
   return (
@@ -63,13 +59,15 @@ const WalletButton: FC = () => {
       transition="1s"
       divider={<StackDivider />}
     >
-      {!!accountInfo && <Text>{displayUgnot(balance)}</Text>}
+      {address !== null && <Text>{displayUgnot(balance)}</Text>}
       <Button
         _hover={{ color: "purple.100" }}
         color="purple.200"
         isLoading={isLoading}
-        isDisabled={!!accountInfo}
-      >{`{ wallet }`}</Button>
+        isDisabled={address !== null}
+      >
+        <span>{`{ wallet }`}</span>
+      </Button>
     </HStack>
   );
 };

frontend/src/pages/stats.tsx

@@ -55,7 +55,7 @@ const StatsPage: FC = () => {
           starred: !!stat.stars.find((s) => s === address),
           id: stat.id,
         }))
-        .sort((a, b) => a.sales - b.sales) ?? [],
+        .sort((a, b) => b.sales - a.sales) ?? [],
     [address, data, tabIndex]
   );