fix: tools page, improve global.css

src/components/tools/FungibleToken/CreateTokenForm.tsx

@@ -124,7 +124,13 @@ const CreateTokenForm: React.FC = () => {
               label="Total Supply"
               placeholder="e.g., 1000"
               error={errors.total_supply?.message}
-              {...register('total_supply', { required: 'Total supply is required' })}
+              {...register('total_supply', {
+                required: 'Total supply is required',
+                pattern: {
+                  value: /^[1-9][0-9]*$/,
+                  message: 'Total supply must be a whole number',
+                },
+              })}
             />
             <Input
               label="Decimals"

src/components/tools/FungibleToken/index.tsx

@@ -7,8 +7,12 @@ const FungibleToken = ({ tokens }: { tokens: FT[] }) => {
   return (
     <>
       <CreateTokenForm />
-      <hr />
-      <ListToken tokens={tokens} />
+      {tokens.length != 0 && (
+        <>
+          <hr />
+          <ListToken tokens={tokens} />
+        </>
+      )}
     </>
   );
 };

src/components/tools/NonFungibleToken/index.tsx

@@ -8,9 +8,13 @@ const NonFungibleToken = ({ tokens }: { tokens: NFT[] }) => {
   return (
     <>
       <MintNft />
-      <hr />
-      <ListToken tokens={tokens} />
-      <hr />
+      {tokens.length != 0 && (
+        <>
+          <hr />
+          <ListToken tokens={tokens} />
+          <hr />
+        </>
+      )}
       <CommunityTools />
     </>
   );

src/pages/tools.tsx

@@ -69,7 +69,6 @@ const ToolsPage: NextPageWithLayout = () => {
 
   const { transactions: nfts } = useNearBlocksTxns('nft.primitives.near', 'nft_mint');
   const nftsProcessed = processTransactionsToNFT(nfts);
-  console.log('near', { nftsProcessed, ftProcessed });
 
   const { requestAuthentication } = useSignInRedirect();
   return (

src/styles/globals.css

@@ -3,6 +3,7 @@
 :root {
   --gateway-page-container-padding-y: 2rem;
   --gateway-page-container-padding-x: 1rem;
+  scrollbar-gutter: stable;
 }
 
 p,
@@ -75,4 +76,4 @@ w3m-modal {
     right: 2px;
     bottom: 10px;
   }
-}
+}