Merge branch 'armando/grwth-4027-update-explorer-collectionasset-og-i…

…mage-to-serve-a-similiar' into dev
reservoirprotocol · Feb 13, 2024 · 36c7a86 · 36c7a86
2 parents 423abc7 + 5162e07
commit 36c7a86
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 46 deletions.
diff --git a/pages/[chain]/asset/[assetId].tsx b/pages/[chain]/asset/[assetId].tsx
@@ -228,7 +228,6 @@ const IndexPage: NextPage<Props> = ({ assetId, ssr }) => {
 
   const base64EncodedToken = btoa(JSON.stringify(token))
 
-  console.log(`/api/og/token?token=${encodeURIComponent(base64EncodedToken)}`)
   return (
     <Layout>
       <Head

diff --git a/pages/api/og/token/index.tsx b/pages/api/og/token/index.tsx
@@ -197,57 +197,61 @@ export default async function handler(request: NextRequest) {
                 gap: '50px',
               }}
             >
-              <div
-                style={{
-                  display: 'flex',
-                  flexDirection: 'column',
-                  gap: '12px',
-                  justifyContent: 'center',
-                }}
-              >
-                <span
-                  style={{
-                    fontSize: '32px',
-                    fontFamily: 'Regular',
-                  }}
-                >
-                  Floor
-                </span>
-                <span
-                  style={{
-                    fontSize: '40px',
-                  }}
-                >
-                  {token.market?.floorAsk?.price?.amount?.native} {'  '}
-                  {token.market?.floorAsk?.price?.currency?.symbol?.toUpperCase()}
-                </span>
-              </div>
-              <div
-                style={{
-                  display: 'flex',
-                  gap: '12px',
-                  flexDirection: 'column',
-                  justifyContent: 'center',
-                }}
-              >
-                <span
+              {token.market?.floorAsk?.price?.amount?.native && (
+                <div
                   style={{
-                    fontSize: '32px',
-                    fontFamily: 'Regular',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: '12px',
+                    justifyContent: 'center',
                   }}
                 >
-                  Best Offer
-                </span>
-                <span
+                  <span
+                    style={{
+                      fontSize: '32px',
+                      fontFamily: 'Regular',
+                    }}
+                  >
+                    Floor
+                  </span>
+                  <span
+                    style={{
+                      fontSize: '40px',
+                    }}
+                  >
+                    {token.market?.floorAsk?.price?.amount?.native} {'  '}
+                    {token.market?.floorAsk?.price?.currency?.symbol?.toUpperCase()}
+                  </span>
+                </div>
+              )}
+              {token.market?.topBid?.price?.amount?.native && (
+                <div
                   style={{
-                    fontSize: '40px',
+                    display: 'flex',
+                    gap: '12px',
+                    flexDirection: 'column',
+                    justifyContent: 'center',
                   }}
                 >
-                  {token.market?.topBid?.price?.amount?.native?.toFixed(2)}{' '}
-                  {'  '}
-                  {token.market?.floorAsk?.price?.currency?.symbol?.toUpperCase()}
-                </span>
-              </div>
+                  <span
+                    style={{
+                      fontSize: '32px',
+                      fontFamily: 'Regular',
+                    }}
+                  >
+                    Best Offer
+                  </span>
+                  <span
+                    style={{
+                      fontSize: '40px',
+                    }}
+                  >
+                    {token.market?.topBid?.price?.amount?.native?.toFixed(2)}
+                    {'  '}
+                    {token.market?.floorAsk?.price?.currency?.symbol?.toUpperCase()}
+                  </span>
+                </div>
+              )}
             </div>
             <div
               style={{