Environment updates and migration to X from Twitter

.env.development

@@ -0,0 +1,14 @@
+NEXT_PUBLIC_DATADOG_CLIENT_TOKEN=pubdaddswww4dad449dadas12ada123bae
+NEXT_PUBLIC_DATADOG_APPLICATION_ID=123cccbb-1234-1111-4411-abc12345612afgds
+NEXT_PUBLIC_MARKETPLACE_SOURCE=reservoir.tools
+NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID=d3f452b37a8f91ca7732e89bd3f67c12
+NEXT_PUBLIC_NORMALIZE_ROYALTIES=true
+NEXT_PUBLIC_GOERLI_COMMUNITY=artblocks
+NEXT_PUBLIC_POLYGON_COMMUNITY=artblocks
+NEXT_PUBLIC_ETH_COMMUNITY=artblocks
+NEXT_PUBLIC_GOERLI_COLLECTION_SET_ID=f566ba09c14f56aedeed3f77e3ae7f5ff28b9177714d3827a87b7a182f8f90ff
+NEXT_PUBLIC_POLYGON_COLLECTION_SET_ID=f566ba09c14f56aedeed3f77e3ae7f5ff28b9177714d3827a87b7a182f8f90ff
+NEXT_PUBLIC_ETH_COLLECTION_SET_ID=f566ba09c14f56aedeed3f77e3ae7f5ff28b9177714d3827a87b7a182f8f90ff
+NEXT_PUBLIC_ALCHEMY_ID=123e4567-e89b-12d3-a456-426614174000
+RESERVOIR_API_KEY=123e4567-e89b-12d3-a456-426614174000
+NEXT_PUBLIC_HOST_URL=http://localhost:3000

README.md

@@ -95,7 +95,7 @@ This is a Next.js app that can be easily deployed using [Vercel](https://vercel.
 
 ## Contact
 
-Twitter: [@reservoir0x](https://twitter.com/reservoir0x)
+X: [@reservoir0x](https://X.com/reservoir0x)
 Project Link: [Reservoir](https://reservoirprotocol.github.io/)
 
 <p align="right">(<a href="#top">back to top</a>)</p>

components/collections/CollectionActions.tsx

@@ -1,4 +1,4 @@
-import { faDiscord, faTwitter } from '@fortawesome/free-brands-svg-icons'
+import { faDiscord, faXTwitter } from '@fortawesome/free-brands-svg-icons'
 import {
   faEllipsis,
   faGlobe,
@@ -75,7 +75,7 @@ const CollectionActions: FC<CollectionActionsProps> = ({ collection }) => {
     marketplaceChain?.blockExplorers?.default.url || 'https://etherscan.io'
   }/address/${collection?.id}`
   const twitterLink = collection?.twitterUsername
-    ? `https://twitter.com/${collection?.twitterUsername}`
+    ? `https://x.com/${collection?.twitterUsername}`
     : null
 
   const containerCss: ComponentPropsWithoutRef<typeof Flex>['css'] = {
@@ -168,7 +168,7 @@ const CollectionActions: FC<CollectionActionsProps> = ({ collection }) => {
       {twitterLink && (
         <a href={twitterLink} target="_blank" rel="noopener noreferrer">
           <CollectionAction>
-            <FontAwesomeIcon icon={faTwitter} width={16} height={16} />
+            <FontAwesomeIcon icon={faXTwitter} width={16} height={16} />
           </CollectionAction>
         </a>
       )}

components/home/Footer.tsx

@@ -1,7 +1,7 @@
 import { FC } from 'react'
 import { Text, Box, Flex, Anchor, Button } from '../primitives'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faTwitter } from '@fortawesome/free-brands-svg-icons'
+import { faXTwitter, faDiscord } from '@fortawesome/free-brands-svg-icons'
 
 type SectionTitleProps = {
   title: string
@@ -107,10 +107,19 @@ export const Footer = () => {
           <a
             target="_blank"
             rel="noopener noreferrer"
-            href="https://twitter.com/reservoir0x"
+            href="https://x.com/reservoir0x"
           >
             <Button size="xs" color="gray3">
-              <FontAwesomeIcon icon={faTwitter} width={14} height={14} />
+              <FontAwesomeIcon  icon={faXTwitter} width={14} height={14} />
+            </Button>
+          </a>
+          <a
+            target="_blank"
+            rel="noopener noreferrer"
+            href="https://discord.gg/fwUcYFSscT"
+          >
+            <Button size="xs" color="gray3">
+              <FontAwesomeIcon  icon={faDiscord} width={14} height={14} />
             </Button>
           </a>
         </Flex>

components/navbar/HamburgerMenu.tsx

@@ -7,7 +7,7 @@ import {
   faRightFromBracket,
 } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faTwitter } from '@fortawesome/free-brands-svg-icons'
+import { faXTwitter } from '@fortawesome/free-brands-svg-icons'
 import Link from 'next/link'
 import Image from 'next/image'
 import { useAccount, useDisconnect } from 'wagmi'
@@ -297,14 +297,14 @@ const HamburgerMenu = () => {
             borderTop: '1px solid $gray4',
           }}
         >
-          <a href="https://twitter.com/reservoir0x" target="_blank">
+          <a href="https://x.com/reservoir0x" target="_blank">
             <Button
               css={{ justifyContent: 'center', width: '44px', height: '44px' }}
               type="button"
               size="small"
               color="gray3"
             >
-              <FontAwesomeIcon icon={faTwitter} width={20} height={20} />
+              <FontAwesomeIcon icon={faXTwitter} width={20} height={20} />
             </Button>
           </a>
           <ThemeSwitcher />

components/token/TokenInfo.tsx

@@ -6,7 +6,7 @@ import {
 } from '@reservoir0x/reservoir-kit-ui'
 import { Anchor, Button, Flex, Text, Tooltip } from 'components/primitives'
 import { ComponentPropsWithoutRef, FC, useRef, useState, useMemo } from 'react'
-import { faDiscord, faTwitter } from '@fortawesome/free-brands-svg-icons'
+import { faDiscord, faXTwitter } from '@fortawesome/free-brands-svg-icons'
 import {
   faExternalLink,
   faGlobe,
@@ -110,7 +110,7 @@ export const TokenInfo: FC<Props> = ({ token, collection }) => {
     marketplaceChain?.blockExplorers?.default.url || 'https://etherscan.io'
   }/token/${token?.token?.contract}?a=${token?.token?.tokenId}`
   const twitterLink = collection?.twitterUsername
-    ? `https://twitter.com/${collection?.twitterUsername}`
+    ? `https://x.com/${collection?.twitterUsername}`
     : null
 
   const expandedCss: ComponentPropsWithoutRef<typeof Flex>['css'] = {
@@ -199,7 +199,7 @@ export const TokenInfo: FC<Props> = ({ token, collection }) => {
           {twitterLink && (
             <a href={twitterLink} target="_blank" rel="noopener noreferrer">
               <CollectionAction>
-                <FontAwesomeIcon icon={faTwitter} width={16} height={16} />
+                <FontAwesomeIcon icon={faXTwitter} width={16} height={16} />
               </CollectionAction>
             </a>
           )}

package.json

@@ -29,7 +29,7 @@
     "@radix-ui/react-toggle-group": "^1.0.1",
     "@radix-ui/react-tooltip": "1.0.6",
     "@rainbow-me/rainbowkit": "2.1.2",
-    "@reservoir0x/reservoir-kit-ui": "^2.7.34",
+    "@reservoir0x/reservoir-kit-ui": "^2.7.41",
     "@sentry/nextjs": "^7.85.0",
     "@tanstack/react-query": "5.20.2",
     "@types/uuid": "^9.0.1",