From c277c195f575414ff5c975dc84246fbfa6b85bd3 Mon Sep 17 00:00:00 2001
From: araujobarret <araujobarret@gmail.com>
Date: Fri, 26 Apr 2024 08:37:10 +0200
Subject: [PATCH] feat: remove news thumbnail

---
 .../Scenes/Articles/News/ArticlesCards.tsx    | 21 +++++++------------
 1 file changed, 7 insertions(+), 14 deletions(-)

diff --git a/src/app/Scenes/Articles/News/ArticlesCards.tsx b/src/app/Scenes/Articles/News/ArticlesCards.tsx
index 43e28774a4a..2c6483a44e0 100644
--- a/src/app/Scenes/Articles/News/ArticlesCards.tsx
+++ b/src/app/Scenes/Articles/News/ArticlesCards.tsx
@@ -1,7 +1,6 @@
 import { ActionType, ContextModule, OwnerType, TappedNewsSection } from "@artsy/cohesion"
-import { Flex, Image, Separator, Text, Touchable, useSpace } from "@artsy/palette-mobile"
+import { Flex, Separator, Text, Touchable, useSpace } from "@artsy/palette-mobile"
 import { ArticlesCards_viewer$key } from "__generated__/ArticlesCards_viewer.graphql"
-import { Stack } from "app/Components/Stack"
 import { navigate } from "app/system/navigation/navigate"
 import { graphql, useFragment } from "react-relay"
 import { useTracking } from "react-tracking"
@@ -25,17 +24,16 @@ export const ArticlesCards: React.FC<ArticleNewsProps> = ({ viewer }) => {
   }
 
   return (
-    <Stack spacing={2} m={2} p={2} border="1px solid" borderColor="black30" style={{ flex: 0 }}>
+    <Flex m={2} p={2} border="1px solid" borderColor="black30" gap={space(2)}>
       <Flex flexDirection="row" justifyContent="space-between" alignItems="center">
         <Text variant="lg-display">News</Text>
         <Text variant="lg-display">{date}</Text>
       </Flex>
       {data.articles.map((article, index) => (
-        <Flex key={index} gap={space(1)}>
+        <Flex key={index} gap={space(2)}>
           <Touchable onPress={() => handleOnPress(article.href ?? "")}>
-            <Flex flexDirection="row" alignItems="center" gap={space(1)}>
-              <Image src={article.thumbnailImage?.url ?? ""} aspectRatio={1.0} width={60} />
-              <Text variant="sm-display" numberOfLines={3} style={{ width: "75%" }}>
+            <Flex flexDirection="row" alignItems="center">
+              <Text variant="sm-display" numberOfLines={3}>
                 {article.title}
               </Text>
             </Flex>
@@ -44,14 +42,12 @@ export const ArticlesCards: React.FC<ArticleNewsProps> = ({ viewer }) => {
         </Flex>
       ))}
       <Touchable
-        onPress={() => {
-          navigate("/news")
-        }}
+        onPress={() => navigate("/news")}
         style={{ flexDirection: "row", justifyContent: "flex-end" }}
       >
         <Text variant="sm-display">More in News</Text>
       </Touchable>
-    </Stack>
+    </Flex>
   )
 }
 
@@ -61,9 +57,6 @@ const ArticlesNewsFragment = graphql`
       internalID
       title
       href
-      thumbnailImage {
-        url
-      }
     }
   }
 `