Update TokenGate stories

Author: Dhaiwat10

packages/core/src/components/TokenGate/TokenGate.stories.tsx

@@ -1,5 +1,5 @@
-import { Button } from '@chakra-ui/react';
-import { NETWORKS, useWallet } from '@web3-ui/hooks';
+import { Container, Heading } from '@chakra-ui/react';
+import { NETWORKS } from '@web3-ui/hooks';
 import React from 'react';
 import { ConnectWallet, Provider } from '..';
 import { TokenGate } from './TokenGate';
@@ -23,21 +23,21 @@ export default {
 };
 
 export const Default = () => {
-  const { correctNetwork, switchToCorrectNetwork } = useWallet();
-
   return (
-    <>
-      {!correctNetwork && (
-        <Button onClick={switchToCorrectNetwork}>
-          Switch to correct network
-        </Button>
-      )}
-      <TokenGate
-        tokenContractAddress="0x08149745590e9025b52b6801e9dd3E752e60F3A2"
-        deniedContent={<p>You don't have enough dUSDT</p>}
-      >
-        <div>You have more than 1 dUSDT.</div>
-      </TokenGate>
-    </>
+    <TokenGate
+      tokenContractAddress="0x08149745590e9025b52b6801e9dd3E752e60F3A2"
+      deniedContent={
+        <Container mt={10}>
+          <Heading>You don't own enough $dUSDT</Heading>
+        </Container>
+      }
+    >
+      <Container mt={10}>
+        <Heading>
+          {' '}
+          You are a fellow $dUSDT holder. Welcome to the club! 🥳
+        </Heading>
+      </Container>
+    </TokenGate>
   );
 };