Re-add downloads when lossless downloads flag disabled (#7235)

packages/web/src/components/track/GiantTrackTile.tsx

@@ -61,6 +61,7 @@ import styles from './GiantTrackTile.module.css'
 import { GiantTrackTileProgressInfo } from './GiantTrackTileProgressInfo'
 import InfoLabel from './InfoLabel'
 import { PlayPauseButton } from './PlayPauseButton'
+import DownloadButtons from 'components/download-buttons/DownloadButtons'
 
 const { requestOpen: openPublishTrackConfirmationModal } =
   publishTrackConfirmationModalUIActions
@@ -503,12 +504,26 @@ export const GiantTrackTile = ({
       </>
     )
   }
+
   const renderScheduledReleaseRow = () => {
     return (
       <ScheduledReleaseGiantLabel released={released} isUnlisted={isUnlisted} />
     )
   }
 
+  const renderDownloadButtons = () => {
+    return (
+      <DownloadButtons
+        className={styles.downloadButtonsContainer}
+        trackId={trackId}
+        isOwner={isOwner}
+        following={following}
+        hasDownloadAccess={hasDownloadAccess}
+        onDownload={onDownload}
+      />
+    )
+  }
+
   const isLoading = loading || artworkLoading
   // Omitting isOwner and hasStreamAccess so that we always show gated DogEars
   const dogEarType = isLoading
@@ -668,10 +683,7 @@ export const GiantTrackTile = ({
         </div>
       </div>
 
-      {isStreamGated &&
-      streamConditions &&
-      isLosslessDownloadsEnabled &&
-      !hasDownloadableAssets ? (
+      {isStreamGated && streamConditions ? (
         <GatedTrackSection
           isLoading={isLoading}
           trackId={trackId}
@@ -715,6 +727,7 @@ export const GiantTrackTile = ({
           </UserGeneratedText>
         ) : null}
         {renderTags()}
+        {!isLosslessDownloadsEnabled ? renderDownloadButtons() : null}
         {isLosslessDownloadsEnabled && hasDownloadableAssets ? (
           <Box pt='l' w='100%'>
             <DownloadSection trackId={trackId} onDownload={onDownload} />