fix: collection of small fixes

src/components/wallet-selector/WalletSelector.ts

@@ -189,7 +189,24 @@ export class Wallet {
 
   signAndSendTransactions = async ({ transactions }: { transactions: any[] }) => {
     const selectedWallet = await (await this.selector).wallet();
-    return selectedWallet.signAndSendTransactions({ transactions });
+    const result = await selectedWallet.signAndSendTransactions({ transactions });
+
+    if (!result) {
+      throw new Error('Transaction failed');
+    } else {
+      return Promise.all(result.map(async (o) => providers.getTransactionLastResult(o)));
+    }
+  };
+
+  signAndSendTransaction = async (transaction: any) => {
+    const selectedWallet = await (await this.selector).wallet();
+    const result = await selectedWallet.signAndSendTransaction(transaction);
+
+    if (!result) {
+      throw new Error(`Transaction ${JSON.stringify(transaction)} failed`);
+    } else {
+      return providers.getTransactionLastResult(result);
+    }
   };
 
   getAccessKeys = async (accountId: string) => {

src/components/wallet-utilities/ExportFastAuthAccount.tsx

@@ -63,7 +63,7 @@ export const ExportFastAuthAccount = () => {
         ],
       };
 
-      await wallet.signAndSendTransactions({ transactions: [addKeyTransaction] });
+      await wallet.signAndSendTransaction(addKeyTransaction);
 
       setSecretKey(keyPair.toString());
 

src/pages/[accountId]/widget/[componentName].tsx

@@ -28,7 +28,9 @@ const ViewComponentPage: NextPageWithLayout = () => {
   }, [signedAccountId, componentProps, requestAuthentication]);
 
   useEffect(() => {
-    setComponentProps(router.query);
+    const urlSearchParams = new URLSearchParams(window.location.search);
+    const params = Object.fromEntries(urlSearchParams.entries());
+    setComponentProps(params);
   }, [router.query]);
 
   return (
@@ -37,7 +39,7 @@ const ViewComponentPage: NextPageWithLayout = () => {
         key={components.wrapper}
         src={components.wrapper}
         props={{
-          emitGatewayEvent: shouldPassGatewayEventProps(router.query.componentAccountId as string)
+          emitGatewayEvent: shouldPassGatewayEventProps(router.query.accountId as string)
             ? emitGatewayEvent
             : undefined,
           logOut: wallet?.signOut,

src/pages/embed/[accountId]/widget/[componentName].tsx

@@ -19,7 +19,9 @@ const EmbedComponentPage: NextPageWithLayout = () => {
   const { emitGatewayEvent, shouldPassGatewayEventProps } = useGatewayEvents();
 
   useEffect(() => {
-    setComponentProps(router.query);
+    const urlSearchParams = new URLSearchParams(window.location.search);
+    const params = Object.fromEntries(urlSearchParams.entries());
+    setComponentProps(params);
   }, [router.query]);
 
   return (

src/pages/index.tsx

@@ -40,7 +40,7 @@ const StyledCard = ({ href, title, description }: { href: string; title: string;
 const HomePage: NextPageWithLayout = () => {
   const [selectedTab, setTab] = useState('contracts');
   const [avgBlockTime, setAvgBlockTime] = useState('1.30');
-  const [avgTxPrice, setAvgTxPrice] = useState('< $0.01');
+  const [avgTxPrice, setAvgTxPrice] = useState('0.01');
   const [totalTx, setTotalTx] = useState('2,33');
   const [nearStats, setNearStats] = useState<NearBlocks>();
   const deviceType = useDeviceType();
@@ -49,6 +49,7 @@ const HomePage: NextPageWithLayout = () => {
     fetch('https://api.nearblocks.io/v1/stats')
       .then((response) => response.json())
       .then((data) => {
+        if (!data.stats) return;
         data = data.stats[0];
         setNearStats(data);
         setTotalTx((Number(data.total_txns) / 1_000_000_000).toFixed(2));
@@ -63,7 +64,7 @@ const HomePage: NextPageWithLayout = () => {
       const feesResponse = await fetch('https://pikespeak.ai/api/live/last-txs-fees');
       const feesData = await feesResponse.json();
 
-      const averageFee = (feesData * Number(nearStats.near_price)).toFixed(4);
+      const averageFee = (feesData * Number(nearStats.near_price)).toFixed(3);
       setAvgTxPrice(averageFee);
     };
     getAvrTx();

src/utils/algoliaSearchApi.ts

@@ -71,7 +71,7 @@ export const fetchSearchHits = async (facet: Facet, query: string, page = 0) =>
   });
 
   if (!response.ok) {
-    throw new Error(`Failed to fetch search hits: ${response.statusText}`);
+    throw new Error(`Failed to fetch search hits: ${response.statusText}, please try again`);
   }
 
   return await response.json();

src/utils/catalogSearchApi.ts

@@ -1,4 +1,9 @@
 export const fetchCatalog = async (query: string) => {
-  const response = await fetch(`https://indexer.nearcatalog.xyz/wp-json/nearcatalog/v1/search?kw=${query}`);
-  return await response.json();
+  try {
+    const response = await fetch(`https://indexer.nearcatalog.xyz/wp-json/nearcatalog/v1/search?kw=${query}`);
+    return await response.json();
+  } catch (error) {
+    console.error(error);
+    return [];
+  }
 };