Fix upload body text (#7956)

AudiusProject · Mar 27, 2024 · ea11599 · ea11599
1 parent 85c6efd
commit ea11599
Show file tree

Hide file tree

Showing 11 changed files with 14 additions and 15 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -83,15 +83,15 @@ 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
             className={styles.radio}
             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
@@ -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' />