chore: cleanup

artsy · Oct 7, 2024 · 609fcb8 · 609fcb8
1 parent 6956b0c
commit 609fcb8
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 18 deletions.
diff --git a/src/app/Scenes/Home/Components/ShowsRail.tsx b/src/app/Scenes/Home/Components/ShowsRail.tsx
@@ -1,5 +1,5 @@
 import { ActionType, ContextModule, OwnerType, TappedShowGroup } from "@artsy/cohesion"
-import { Flex, Join, SkeletonBox, Spacer, Text } from "@artsy/palette-mobile"
+import { Flex, Join, SkeletonBox, SkeletonText, Spacer, Text } from "@artsy/palette-mobile"
 import { ShowsRailQuery } from "__generated__/ShowsRailQuery.graphql"
 import {
   ShowsRail_showsConnection$data,
@@ -190,7 +190,7 @@ export const ShowsRailContainer: React.FC<ShowsRailContainerProps> = ({
 export const ShowsRailPlaceholder: React.FC = () => {
   return (
     <Flex mx={2} testID="show-rail-placeholder">
-      <SkeletonBox width={100} height={18} />
+      <SkeletonText numberOfLines={1}>Art on Paper 2024, New York</SkeletonText>
       <Spacer y={1} />
 
       <Flex flexDirection="row">

diff --git a/src/app/Scenes/HomeView/Sections/HomeViewSectionActivity.tsx b/src/app/Scenes/HomeView/Sections/HomeViewSectionActivity.tsx
@@ -180,15 +180,9 @@ const HomeViewSectionActivityPlaceholder: React.FC<FlexProps> = (flexProps) => {
                 width={ACTIVITY_RAIL_ARTWORK_IMAGE_SIZE}
               />
               <Flex maxWidth={ACTIVITY_RAIL_ITEM_WIDTH}>
-                <SkeletonText variant="xxs" mb={0.5} numberOfLines={1}>
-                  6 new works by Andy Warhol
-                </SkeletonText>
-                <SkeletonText variant="xxs" mb={0.5} numberOfLines={1}>
-                  2021-01-01
-                </SkeletonText>
-                <SkeletonText variant="xxs" numberOfLines={1}>
-                  Follow - 6 days ago
-                </SkeletonText>
+                <SkeletonBox width={140} height={15} mb={0.5} />
+                <SkeletonBox width={60} height={15} mb={0.5} />
+                <SkeletonBox width={100} height={15} />
               </Flex>
             </Flex>
           ))}

diff --git a/src/app/Scenes/HomeView/Sections/HomeViewSectionArtists.tsx b/src/app/Scenes/HomeView/Sections/HomeViewSectionArtists.tsx
@@ -235,6 +235,7 @@ const HomeViewSectionArtistsPlaceholder: React.FC<FlexProps> = (flexProps) => {
                     width={ARTIST_CARD_WIDTH}
                   />
                   <Spacer y={1} />
+
                   <SkeletonText variant="xs" mb={0.5}>
                     Andy Warhol
                   </SkeletonText>

diff --git a/src/app/Scenes/HomeView/Sections/HomeViewSectionArtworks.tsx b/src/app/Scenes/HomeView/Sections/HomeViewSectionArtworks.tsx
@@ -176,13 +176,14 @@ const HomeViewSectionArtworksPlaceholder: React.FC<FlexProps> = (flexProps) => {
                       width={ARTWORK_RAIL_IMAGE_WIDTH}
                     />
                   )}
-                  <Spacer y={2} />
+                  <Spacer y={1} />
 
                   <Join separator={<Spacer y={0.5} />}>
-                    <SkeletonText variant="xxs">Andy Warhol</SkeletonText>
-                    <SkeletonText variant="xxs">A creative name for a work</SkeletonText>
-                    <SkeletonText variant="xxs">Gallery or Partner</SkeletonText>
-                    <SkeletonText variant="xxs">1000 €</SkeletonText>
+                    <SkeletonBox height={15} width={60} />
+                    <SkeletonBox height={15} width={100} />
+                    <SkeletonBox height={15} width={120} />
+                    <SkeletonBox height={15} width={80} />
+                    <SkeletonBox height={15} width={110} />
                   </Join>
                 </Flex>
               ))}

diff --git a/src/app/Scenes/HomeView/Sections/HomeViewSectionSales.tsx b/src/app/Scenes/HomeView/Sections/HomeViewSectionSales.tsx
@@ -157,7 +157,7 @@ const HomeViewSectionSalesPlaceholder: React.FC<FlexProps> = (flexProps) => {
     <Skeleton>
       <Flex {...flexProps}>
         <Flex mx={2}>
-          <SkeletonText>Auctions</SkeletonText>
+          <SkeletonText variant="sm-display">Auctions</SkeletonText>
 
           <Spacer y={1} />
 

diff --git a/src/app/Scenes/HomeView/Sections/HomeViewSectionViewingRooms.tsx b/src/app/Scenes/HomeView/Sections/HomeViewSectionViewingRooms.tsx
@@ -116,7 +116,7 @@ const HomeViewSectionArtworksPlaceholder: React.FC<FlexProps> = (flexProps) => {
     <Skeleton>
       <Flex {...flexProps}>
         <Flex mx={2}>
-          <SkeletonText variant="lg-display">Viewing Rooms</SkeletonText>
+          <SkeletonText variant="sm-display">Viewing Rooms</SkeletonText>
 
           <Spacer y={2} />