From b23f014489b747429cf76f577c0c45dd562fb279 Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Sun, 29 Dec 2024 08:08:20 -0600
Subject: [PATCH] line clipping?

---
 components/Global/text.tsx                  | 7 ++++++-
 components/Home/helpers/recently-played.tsx | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/components/Global/text.tsx b/components/Global/text.tsx
index 14d7dded..d2afa757 100644
--- a/components/Global/text.tsx
+++ b/components/Global/text.tsx
@@ -32,7 +32,12 @@ interface TextProps {
 
 export function Text(props: TextProps): React.JSX.Element {
     return (
-        <Paragraph width={props.width} fontWeight={props.bold ? 800 : 600} fontSize="$4">
+        <Paragraph 
+            width={props.width} 
+            fontWeight={props.bold ? 800 : 600} 
+            fontSize="$4"
+            lineBreakMode="clip"
+        >
             { props.children }
         </Paragraph>
     )
diff --git a/components/Home/helpers/recently-played.tsx b/components/Home/helpers/recently-played.tsx
index 28061679..76351b82 100644
--- a/components/Home/helpers/recently-played.tsx
+++ b/components/Home/helpers/recently-played.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
-import { H5, ScrollView, Text, View } from "tamagui";
+import { H5, ScrollView, View } from "tamagui";
 import { useHomeContext } from "../provider";
-import { H2 } from "../../Global/text";
+import { H2, Text } from "../../Global/text";
 import { Card } from "../../Global/card";
 import { play } from "react-native-track-player/lib/src/trackPlayer";
 import { mapDtoToTrack } from "../../../helpers/mappings";