feat: migrate to sdk

solartown · Apr 12, 2022 · dcc441c · dcc441c
1 parent f106510
commit dcc441c
Show file tree

Hide file tree

Showing 15 changed files with 309 additions and 1,235 deletions.
diff --git a/.env.development b/.env.development
@@ -1,4 +1,4 @@
 NEXT_PUBLIC_ARWEAVE_CDN_HOST=/api/arweave/txt
 NEXT_PUBLIC_MARKETPLACE_ENABLED=true
 FEATURED_STOREFRONTS_URL="https://bafkreigvmqgo5l6zvoc6gscqhrm6a2qboio2jbgpkewv6pwylgbf4v52ai.ipfs.nftstorage.link/"
-NEXT_PUBLIC_INDEXER_GRAPHQL_URL="https://graph-test.holaplex.com/v1"
+NEXT_PUBLIC_INDEXER_GRAPHQL_URL="https://graph.holaplex.com/v1"
diff --git a/package.json b/package.json
@@ -36,7 +36,7 @@
     "@heroicons/react": "^1.0.6",
     "@holaplex/graph-program": "^0.1.1",
     "@holaplex/js": "^4.3.2",
-    "@holaplex/marketplace-js-sdk": "^0.1.6",
+    "@holaplex/marketplace-js-sdk": "^0.1.7",
     "@holaplex/mpl-auction-house": "^0.0.3",
     "@holaplex/ui": "^0.0.38",
     "@hookform/resolvers": "^2.8.8",

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -40,6 +40,7 @@ import { QueryClient, QueryClientProvider } from 'react-query';
 import '@solana/wallet-adapter-react-ui/styles.css';
 import { MarketplaceProvider } from '@/modules/marketplace';
 import '@fontsource/material-icons';
+import { MultiTransactionProvider } from '@/common/context/MultiTransaction';
 
 const { Content } = Layout;
 
@@ -140,37 +141,39 @@ function MyApp({ Component, pageProps }: AppProps) {
               <WalletModalProvider>
                 <WalletProvider>
                   {({ wallet }) => (
-                    <StorefrontProvider wallet={wallet}>
-                      {({}) => {
-                        return (
-                          <MarketplaceProvider wallet={wallet}>
-                            {() => (
-                              <AnalyticsProvider>
-                                <AppLayout>
-                                  <div className="w-full items-center justify-center bg-[#005BBB] p-6 text-[#FFD500] sm:flex">
-                                    Help the people of Ukraine through SOL donations.
-                                    <a
-                                      href="https://donate.metaplex.com/"
-                                      className="ml-4 inline items-center justify-center underline transition-transform sm:flex sm:h-10 sm:rounded-full sm:bg-[#FFD500] sm:px-6 sm:text-[#005BBB] sm:no-underline sm:hover:scale-[1.02] sm:hover:text-[#005BBB]"
-                                      target="_blank"
-                                      rel="noreferrer"
-                                    >
-                                      Learn more
-                                    </a>
-                                  </div>
-                                  <AppHeader />
-                                  <AppContent>
-                                    <ContentWrapper>
-                                      <Component {...pageProps} track={track} />
-                                    </ContentWrapper>
-                                  </AppContent>
-                                </AppLayout>
-                              </AnalyticsProvider>
-                            )}
-                          </MarketplaceProvider>
-                        );
-                      }}
-                    </StorefrontProvider>
+                    <MultiTransactionProvider>
+                      <StorefrontProvider wallet={wallet}>
+                        {({}) => {
+                          return (
+                            <MarketplaceProvider wallet={wallet}>
+                              {() => (
+                                <AnalyticsProvider>
+                                  <AppLayout>
+                                    <div className="w-full items-center justify-center bg-[#005BBB] p-6 text-[#FFD500] sm:flex">
+                                      Help the people of Ukraine through SOL donations.
+                                      <a
+                                        href="https://donate.metaplex.com/"
+                                        className="ml-4 inline items-center justify-center underline transition-transform sm:flex sm:h-10 sm:rounded-full sm:bg-[#FFD500] sm:px-6 sm:text-[#005BBB] sm:no-underline sm:hover:scale-[1.02] sm:hover:text-[#005BBB]"
+                                        target="_blank"
+                                        rel="noreferrer"
+                                      >
+                                        Learn more
+                                      </a>
+                                    </div>
+                                    <AppHeader />
+                                    <AppContent>
+                                      <ContentWrapper>
+                                        <Component {...pageProps} track={track} />
+                                      </ContentWrapper>
+                                    </AppContent>
+                                  </AppLayout>
+                                </AnalyticsProvider>
+                              )}
+                            </MarketplaceProvider>
+                          );
+                        }}
+                      </StorefrontProvider>
+                    </MultiTransactionProvider>
                   )}
                 </WalletProvider>
               </WalletModalProvider>

diff --git a/pages/nfts/[address].tsx b/pages/nfts/[address].tsx
@@ -369,7 +369,7 @@ export default function NftByAddress({ address }: { address: string }) {
                           listing={defaultListing as Listing}
                           marketplace={marketplace as Marketplace}
                           refetch={refetch}
-                          className={`w-full bg-gray-900 text-white`}
+                          className={`w-full bg-gray-900 `}
                         />
                       </div>
                     </div>