Fix upload prompt modal learn more url (#3091)

Co-authored-by: Saliou Diallo <saliou@audius.co>
AudiusProject · Mar 23, 2023 · 44435b5 · 44435b5
1 parent c9024ad
commit 44435b5
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 40 deletions.
diff --git a/...bile/src/components/gated-content-upload-prompt-drawer/GatedContentUploadPromptDrawer.tsx b/...bile/src/components/gated-content-upload-prompt-drawer/GatedContentUploadPromptDrawer.tsx
@@ -14,7 +14,7 @@ import { flexRowCentered, makeStyles } from 'app/styles'
 import { useColor } from 'app/utils/theme'
 
 const LEARN_MORE_URL =
-  'https://blog.audius.co/guide-to-audius-availability-settings'
+  'https://blog.audius.co/article/guide-to-audius-availability-settings'
 
 const messages = {
   title: 'NEW UPDATE!',

diff --git a/...es/web/src/components/gated-content-upload-prompt-modal/GatedContentUploadPromptModal.tsx b/...es/web/src/components/gated-content-upload-prompt-modal/GatedContentUploadPromptModal.tsx
@@ -33,7 +33,7 @@ const GATED_CONTENT_UPLOAD_PROMPT_MODAL_SEEN_KEY =
   'gated_content_upload_prompt_modal_seen'
 
 const LEARN_MORE_URL =
-  'https://blog.audius.co/guide-to-audius-availability-settings'
+  'https://blog.audius.co/article/guide-to-audius-availability-settings'
 
 type GatedContentUploadPromptModalProps = {
   onSubmit: () => void

diff --git a/packages/web/src/pages/track-page/components/mobile/TrackHeader.tsx b/packages/web/src/pages/track-page/components/mobile/TrackHeader.tsx
@@ -14,7 +14,6 @@ import {
   formatDate,
   OverflowAction,
   imageBlank as placeholderArt,
-  FeatureFlags,
   PremiumConditions,
   Nullable
 } from '@audius/common'
@@ -40,7 +39,6 @@ import TrackBannerIcon, {
   TrackBannerIconType
 } from 'components/track/TrackBannerIcon'
 import UserBadges from 'components/user-badges/UserBadges'
-import { useFlag } from 'hooks/useRemoteConfig'
 import { useTrackCoverArt } from 'hooks/useTrackCoverArt'
 import { moodMap } from 'utils/moods'
 import { isDarkMode, isMatrix } from 'utils/theme/theme'
@@ -173,11 +171,7 @@ const TrackHeader = ({
   goToFavoritesPage,
   goToRepostsPage
 }: TrackHeaderProps) => {
-  const { isEnabled: isGatedContentEnabled } = useFlag(
-    FeatureFlags.GATED_CONTENT_ENABLED
-  )
-  const showSocials =
-    !isUnlisted && (!isGatedContentEnabled || doesUserHaveAccess)
+  const showSocials = !isUnlisted && doesUserHaveAccess
 
   const image = useTrackCoverArt(
     trackId,
@@ -234,9 +228,7 @@ const TrackHeader = ({
         : isSaved
         ? OverflowAction.UNFAVORITE
         : OverflowAction.FAVORITE,
-      !isGatedContentEnabled || !isPremium
-        ? OverflowAction.ADD_TO_PLAYLIST
-        : null,
+      !isPremium ? OverflowAction.ADD_TO_PLAYLIST : null,
       isFollowing
         ? OverflowAction.UNFOLLOW_ARTIST
         : OverflowAction.FOLLOW_ARTIST,
@@ -319,10 +311,7 @@ const TrackHeader = ({
 
   const renderCornerTag = () => {
     const showPremiumCornerTag =
-      isGatedContentEnabled &&
-      !isLoading &&
-      premiumConditions &&
-      (isOwner || !doesUserHaveAccess)
+      !isLoading && premiumConditions && (isOwner || !doesUserHaveAccess)
     const cornerTagIconType = showPremiumCornerTag
       ? isOwner
         ? premiumConditions.nft_collection
@@ -343,7 +332,7 @@ const TrackHeader = ({
   }
 
   const renderHeaderText = () => {
-    if (isGatedContentEnabled && isPremium) {
+    if (isPremium) {
       return (
         <div className={cn(styles.typeLabel, styles.premiumContentLabel)}>
           {premiumConditions?.nft_collection ? (
@@ -388,10 +377,7 @@ const TrackHeader = ({
         />
       </div>
       <div className={styles.buttonSection}>
-        {isGatedContentEnabled &&
-        !doesUserHaveAccess &&
-        premiumConditions &&
-        trackId ? (
+        {!doesUserHaveAccess && premiumConditions && trackId ? (
           <PremiumTrackSection
             isLoading={false}
             trackId={trackId}
@@ -403,7 +389,7 @@ const TrackHeader = ({
             buttonClassName={styles.premiumTrackSectionButton}
           />
         ) : null}
-        {!isGatedContentEnabled || doesUserHaveAccess ? (
+        {doesUserHaveAccess ? (
           <PlayButton playing={isPlaying} onPlay={onPlay} />
         ) : null}
         <ActionButtonRow
@@ -422,24 +408,21 @@ const TrackHeader = ({
           darkMode={isDarkMode()}
         />
       </div>
-      {isGatedContentEnabled &&
-        doesUserHaveAccess &&
-        premiumConditions &&
-        trackId && (
-          <PremiumTrackSection
-            isLoading={false}
-            trackId={trackId}
-            premiumConditions={premiumConditions}
-            doesUserHaveAccess={doesUserHaveAccess}
-            isOwner={isOwner}
-            wrapperClassName={cn(
-              styles.premiumTrackSectionWrapper,
-              styles.unlockedSection
-            )}
-            className={styles.premiumTrackSection}
-            buttonClassName={styles.premiumTrackSectionButton}
-          />
-        )}
+      {doesUserHaveAccess && premiumConditions && trackId && (
+        <PremiumTrackSection
+          isLoading={false}
+          trackId={trackId}
+          premiumConditions={premiumConditions}
+          doesUserHaveAccess={doesUserHaveAccess}
+          isOwner={isOwner}
+          wrapperClassName={cn(
+            styles.premiumTrackSectionWrapper,
+            styles.unlockedSection
+          )}
+          className={styles.premiumTrackSection}
+          buttonClassName={styles.premiumTrackSectionButton}
+        />
+      )}
       {coSign && (
         <div className={styles.coSignInfo}>
           <HoverInfo