(Audio): add audio

DragVerse · Mar 16, 2024 · d2288da · d2288da
1 parent baa946d
commit d2288da
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 10 deletions.
diff --git a/apps/web/src/components/Profile/CoverLinks.tsx b/apps/web/src/components/Profile/CoverLinks.tsx
@@ -1,4 +1,4 @@
-import { STATIC_ASSETS } from '@dragverse/constants'
+import { STATIC_ASSETS, TWITTER_ICON_URL } from '@dragverse/constants'
 import { getValueFromKeyInAttributes, imageCdn } from '@dragverse/generic'
 import type { ProfileMetadata } from '@dragverse/lens'
 import { GlobeOutline, LocationOutline } from '@dragverse/ui'
@@ -89,10 +89,7 @@ const CoverLinks = ({ metadata }: { metadata: ProfileMetadata }) => {
         >
           {resolvedTheme === 'dark' ? (
             <img
-              src={imageCdn(
-                `${STATIC_ASSETS}/images/social/x-white.png`,
-                'AVATAR'
-              )}
+              src={imageCdn(`${TWITTER_ICON_URL}`, 'AVATAR')}
               className="size-3.5"
               height={16}
               width={16}
@@ -101,10 +98,7 @@ const CoverLinks = ({ metadata }: { metadata: ProfileMetadata }) => {
             />
           ) : (
             <img
-              src={imageCdn(
-                `${STATIC_ASSETS}/images/social/x-black.png`,
-                'AVATAR'
-              )}
+              src={imageCdn(`${TWITTER_ICON_URL}`, 'AVATAR')}
               className="size-3.5"
               height={16}
               width={16}

diff --git a/apps/web/src/components/Profile/Tabs/index.tsx b/apps/web/src/components/Profile/Tabs/index.tsx
@@ -5,6 +5,7 @@ import { useRouter } from 'next/router'
 import type { FC } from 'react'
 
 import OtherProfiles from './OtherProfiles'
+import ProfileAudios from './ProfileAudios'
 import ProfileBytes from './ProfileBytes'
 import ProfileVideos from './ProfileVideos'
 
@@ -59,6 +60,16 @@ const ProfileTabs: FC<Props> = ({ profile }) => {
           >
             Channels
           </TabsTrigger>
+          <TabsTrigger
+            className="rounded-t-lg border-black px-4 py-1.5 text-sm font-medium data-[state=active]:border-b data-[state=active]:bg-gray-100 dark:border-white data-[state=active]:dark:bg-gray-800"
+            onClick={() => {
+              handleTabChange('audio')
+              Tower.track(EVENTS.PROFILE.CLICK_PROFILE_AUDIOS)
+            }}
+            value="audio"
+          >
+            Audio
+          </TabsTrigger>
         </TabsList>
 
         <div className="pt-3">
@@ -73,6 +84,10 @@ const ProfileTabs: FC<Props> = ({ profile }) => {
           <TabsContent value="channels">
             <OtherProfiles currentProfile={profile} />
           </TabsContent>
+
+          <TabsContent value="audio">
+            <ProfileAudios profile={profile} />
+          </TabsContent>
         </div>
       </Tabs>
     </div>

diff --git a/packages/constants/general.ts b/packages/constants/general.ts
@@ -39,7 +39,7 @@ export const TAPE_EMBED_URL = IS_MAINNET
   : 'https://embed-testnet.dragverse.app'
 export const TAPE_API_URL = IS_PRODUCTION
   ? 'https://api.tape.xyz'
-  : 'http://localhost:4000'
+  : 'https://api.tape.xyz'
 
 // tape addresses
 export const TAPE_SIGNUP_PROXY_ADDRESS = IS_MAINNET