From ea11599abc7b9ceff5056bea7314b94c0816f03a Mon Sep 17 00:00:00 2001
From: Dylan Jeffers <dylan@audius.co>
Date: Tue, 26 Mar 2024 17:12:47 -0700
Subject: [PATCH] Fix upload body text (#7956)

---
 packages/web/src/components/data-entry/ContextualMenu.tsx  | 7 +++----
 packages/web/src/components/modal-radio/ModalRadioItem.tsx | 2 +-
 .../web/src/pages/upload-page/components/TracksPreview.tsx | 2 +-
 .../pages/upload-page/fields/AccessAndSaleMenuFields.tsx   | 2 +-
 .../web/src/pages/upload-page/fields/BoxedTextField.tsx    | 2 +-
 .../src/pages/upload-page/fields/CollectionTrackField.tsx  | 2 +-
 .../web/src/pages/upload-page/fields/ReleaseDateField.tsx  | 2 +-
 .../pages/upload-page/fields/ReleaseDateFieldLegacy.tsx    | 2 +-
 .../fields/download-availability/DownloadAvailability.tsx  | 2 +-
 .../fields/stream-availability/SpecialAccessFields.tsx     | 4 ++--
 .../web/src/pages/upload-page/forms/EditCollectionForm.tsx | 2 +-
 11 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/packages/web/src/components/data-entry/ContextualMenu.tsx b/packages/web/src/components/data-entry/ContextualMenu.tsx
index 73e9e590aba..a968f1f2a2e 100644
--- a/packages/web/src/components/data-entry/ContextualMenu.tsx
+++ b/packages/web/src/components/data-entry/ContextualMenu.tsx
@@ -8,9 +8,8 @@ import {
   ModalTitle,
   ModalFooter,
   Box,
-  Text as HarmonyText,
-  IconCaretRight,
   Text,
+  IconCaretRight,
   IconComponent,
   Button
 } from '@audius/harmony'
@@ -91,9 +90,9 @@ const MenuForm = (props: MenuFormProps) => {
       <ModalFooter className={styles.footer}>
         {errorMessage ? (
           <Box pb='l' ph='xl'>
-            <HarmonyText variant='body' color='danger' size='s'>
+            <Text variant='body' color='danger' size='s'>
               {errorMessage}
-            </HarmonyText>
+            </Text>
           </Box>
         ) : null}
         <Button variant='primary' form={label} type='submit'>
diff --git a/packages/web/src/components/modal-radio/ModalRadioItem.tsx b/packages/web/src/components/modal-radio/ModalRadioItem.tsx
index f12edb5da2d..13ef48de4d7 100644
--- a/packages/web/src/components/modal-radio/ModalRadioItem.tsx
+++ b/packages/web/src/components/modal-radio/ModalRadioItem.tsx
@@ -85,7 +85,7 @@ export const ModalRadioItem = (props: ModalRadioItemProps) => {
         >
           <div ref={ref} className={cn(layoutStyles.col, layoutStyles.gap4)}>
             {typeof description === 'string' ? (
-              <Text>{description}</Text>
+              <Text variant='body'>{description}</Text>
             ) : (
               description
             )}
diff --git a/packages/web/src/pages/upload-page/components/TracksPreview.tsx b/packages/web/src/pages/upload-page/components/TracksPreview.tsx
index 9c22be3e8f1..2419a2190f0 100644
--- a/packages/web/src/pages/upload-page/components/TracksPreview.tsx
+++ b/packages/web/src/pages/upload-page/components/TracksPreview.tsx
@@ -68,7 +68,7 @@ export const TracksPreview = (props: TracksPreviewProps) => {
           // Matches 0.18s entry animation
           forceRefreshAfterMs={180}
         />
-        <Text>{uploadDescriptions[props.uploadType]}</Text>
+        <Text variant='body'>{uploadDescriptions[props.uploadType]}</Text>
       </div>
       <Scrollbar
         className={cn(styles.tracks, {
diff --git a/packages/web/src/pages/upload-page/fields/AccessAndSaleMenuFields.tsx b/packages/web/src/pages/upload-page/fields/AccessAndSaleMenuFields.tsx
index 30f40146e76..1cd4201b42b 100644
--- a/packages/web/src/pages/upload-page/fields/AccessAndSaleMenuFields.tsx
+++ b/packages/web/src/pages/upload-page/fields/AccessAndSaleMenuFields.tsx
@@ -91,7 +91,7 @@ export const AccessAndSaleMenuFields = (props: AccesAndSaleMenuFieldsProps) => {
   return (
     <div className={cn(layoutStyles.col, layoutStyles.gap4)}>
       {isRemix ? <HelpCallout content={messages.isRemix} /> : null}
-      <Text>{messages.modalDescription}</Text>
+      <Text variant='body'>{messages.modalDescription}</Text>
       <RadioGroup {...availabilityField} aria-label={messages.title}>
         <ModalRadioItem
           icon={<IconVisibilityPublic className={styles.icon} />}
diff --git a/packages/web/src/pages/upload-page/fields/BoxedTextField.tsx b/packages/web/src/pages/upload-page/fields/BoxedTextField.tsx
index 37d5e841756..8d9968d7a18 100644
--- a/packages/web/src/pages/upload-page/fields/BoxedTextField.tsx
+++ b/packages/web/src/pages/upload-page/fields/BoxedTextField.tsx
@@ -19,7 +19,7 @@ export const BoxedTextField = (props: BoxedTextFieldProps) => {
     >
       <div className={cn(layoutStyles.col, layoutStyles.gap2)}>
         <Text variant='title'>{title}</Text>
-        <Text>{description}</Text>
+        <Text variant='body'>{description}</Text>
       </div>
       <TextField inputRootClassName={styles.inputRoot} {...inputProps} />
     </div>
diff --git a/packages/web/src/pages/upload-page/fields/CollectionTrackField.tsx b/packages/web/src/pages/upload-page/fields/CollectionTrackField.tsx
index 0de0b4520c4..ba1171c7a28 100644
--- a/packages/web/src/pages/upload-page/fields/CollectionTrackField.tsx
+++ b/packages/web/src/pages/upload-page/fields/CollectionTrackField.tsx
@@ -78,7 +78,7 @@ export const CollectionTrackField = (props: CollectionTrackFieldProps) => {
       <div className={styles.overrideRow}>
         <label className={styles.overrideSwitch}>
           <SwitchField name={`tracks.${index}.override`} />
-          <Text>{messages.overrideLabel}</Text>
+          <Text variant='body'>{messages.overrideLabel}</Text>
         </label>
         <div className={styles.actions}>
           <PreviewButton index={index} />
diff --git a/packages/web/src/pages/upload-page/fields/ReleaseDateField.tsx b/packages/web/src/pages/upload-page/fields/ReleaseDateField.tsx
index 071b251b69e..93ca5f8f398 100644
--- a/packages/web/src/pages/upload-page/fields/ReleaseDateField.tsx
+++ b/packages/web/src/pages/upload-page/fields/ReleaseDateField.tsx
@@ -168,7 +168,7 @@ export const ReleaseDateField = () => {
         // upload case is initially unlisted
         menuFields={
           <Flex direction='column' gap='l'>
-            <Text>{messages.description}</Text>
+            <Text variant='body'>{messages.description}</Text>
             <ReleaseDateRadioItems
               isInitiallyUnlisted={true}
               initialReleaseDate={trackReleaseDate}
diff --git a/packages/web/src/pages/upload-page/fields/ReleaseDateFieldLegacy.tsx b/packages/web/src/pages/upload-page/fields/ReleaseDateFieldLegacy.tsx
index 9b1da17a879..f5d3455ffe1 100644
--- a/packages/web/src/pages/upload-page/fields/ReleaseDateFieldLegacy.tsx
+++ b/packages/web/src/pages/upload-page/fields/ReleaseDateFieldLegacy.tsx
@@ -81,7 +81,7 @@ export const ReleaseDateFieldLegacy = () => {
           >
             {messages.title}
           </Text>
-          <Text>{messages.description}</Text>
+          <Text variant='body'>{messages.description}</Text>
           <div className={styles.datePicker}>
             <DatePickerField name={RELEASE_DATE} label={messages.title} />
           </div>
diff --git a/packages/web/src/pages/upload-page/fields/download-availability/DownloadAvailability.tsx b/packages/web/src/pages/upload-page/fields/download-availability/DownloadAvailability.tsx
index ccfd9eea977..df83a858518 100644
--- a/packages/web/src/pages/upload-page/fields/download-availability/DownloadAvailability.tsx
+++ b/packages/web/src/pages/upload-page/fields/download-availability/DownloadAvailability.tsx
@@ -176,7 +176,7 @@ export const DownloadAvailability = ({
         icon={<IconStars />}
         content={
           <Flex direction='column' gap='m'>
-            <Text>{messages.waitlist}</Text>
+            <Text variant='body'>{messages.waitlist}</Text>
             <TextLink
               onClick={handleClickWaitListLink}
               href={WAITLIST_TYPEFORM}
diff --git a/packages/web/src/pages/upload-page/fields/stream-availability/SpecialAccessFields.tsx b/packages/web/src/pages/upload-page/fields/stream-availability/SpecialAccessFields.tsx
index cd7747d4b13..8c421ac92ec 100644
--- a/packages/web/src/pages/upload-page/fields/stream-availability/SpecialAccessFields.tsx
+++ b/packages/web/src/pages/upload-page/fields/stream-availability/SpecialAccessFields.tsx
@@ -83,7 +83,7 @@ export const SpecialAccessFields = (props: TrackAvailabilityFieldsProps) => {
             value={SpecialAccessType.FOLLOW}
             disabled={disabled}
           />
-          <Text>{messages.followersOnly}</Text>
+          <Text variant='body'>{messages.followersOnly}</Text>
         </label>
         <label className={cn(styles.row, { [styles.disabled]: disabled })}>
           <Radio
@@ -91,7 +91,7 @@ export const SpecialAccessFields = (props: TrackAvailabilityFieldsProps) => {
             value={SpecialAccessType.TIP}
             disabled={disabled}
           />
-          <Text>{messages.supportersOnly}</Text>
+          <Text variant='body'>{messages.supportersOnly}</Text>
           <Tooltip
             className={styles.tooltip}
             text={messages.supportersInfo}
diff --git a/packages/web/src/pages/upload-page/forms/EditCollectionForm.tsx b/packages/web/src/pages/upload-page/forms/EditCollectionForm.tsx
index 149e767aafc..41e0d506850 100644
--- a/packages/web/src/pages/upload-page/forms/EditCollectionForm.tsx
+++ b/packages/web/src/pages/upload-page/forms/EditCollectionForm.tsx
@@ -116,7 +116,7 @@ export const EditCollectionForm = (props: EditCollectionFormProps) => {
 
           <div className={styles.trackDetails}>
             <Text variant='label'>{messages.trackDetails.title}</Text>
-            <Text>{messages.trackDetails.description}</Text>
+            <Text variant='body'>{messages.trackDetails.description}</Text>
             <div className={styles.row}>
               <SelectGenreField name='trackDetails.genre' />
               <SelectMoodField name='trackDetails.mood' />