feat: hide bids and show create only when store is public or approved

js/packages/web/src/components/AppBar/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import './index.less';
 import { Link } from 'react-router-dom';
 import { Button, Dropdown, Menu } from 'antd';
@@ -6,16 +6,29 @@ import { ConnectButton, CurrentUserBadge, useWallet } from '@oyster/common';
 import { Notifications } from '../Notifications';
 import useWindowDimensions from '../../utils/layout';
 import { MenuOutlined } from '@ant-design/icons';
+import { useMeta } from '../../contexts';
 
 const UserActions = () => {
+  const { wallet } = useWallet();
+  const { whitelistedCreatorsByCreator, store } = useMeta();
+  const pubkey = wallet?.publicKey?.toBase58() || '';
+
+  const canCreate = useMemo(() => {
+    return store &&
+      store.info &&
+      (store.info.public ||
+        whitelistedCreatorsByCreator[pubkey]?.info
+          ?.activated);
+  }, [pubkey, whitelistedCreatorsByCreator, store]);
+
   return (
     <>
-      <Link to={`#`}>
-      <Button className="app-btn">Bids</Button>
-      </Link>
-      <Link to={`/art/create`}>
+      {/* <Link to={`#`}>
+        <Button className="app-btn">Bids</Button>
+      </Link> */}
+      {canCreate && (<Link to={`/art/create`}>
         <Button className="app-btn">Create</Button>
-      </Link>
+      </Link>)}
       <Link to={`/auction/create/0`}>
         <Button className="connector" type="primary" >Sell</Button>
       </Link>
@@ -56,7 +69,7 @@ const MetaplexMenu = () => {
         <Menu.Item>
           <Link to={`/`}>
             <Button className="app-btn">Explore</Button>
-          </Link>  
+          </Link>
         </Menu.Item>
         <Menu.Item>
           <Link to={`/artworks`}>