From 337181add8b74c6e4a1b6b4a956f707b180a8e91 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Wed, 19 Feb 2025 22:36:07 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=A9=B9(frontend)=20fix=20text=20overflow?=
 =?UTF-8?q?=20in=20message=20notification?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Minor issue, layout overflow occurred when sharing url or
long text.
---
 .../notifications/components/ToastMessageReceived.tsx        | 2 +-
 src/frontend/src/primitives/Text.tsx                         | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/features/notifications/components/ToastMessageReceived.tsx b/src/frontend/src/features/notifications/components/ToastMessageReceived.tsx
index 631838dc..82c3175b 100644
--- a/src/frontend/src/features/notifications/components/ToastMessageReceived.tsx
+++ b/src/frontend/src/features/notifications/components/ToastMessageReceived.tsx
@@ -64,7 +64,7 @@ export function ToastMessageReceived({ state, ...props }: ToastProps) {
             />
             <span>{participant.name}</span>
           </div>
-          <Text margin={false} wrap={'pretty'} centered={false}>
+          <Text margin={false} centered={false} wrap={'pretty'} fullWidth>
             {message}
           </Text>
         </div>
diff --git a/src/frontend/src/primitives/Text.tsx b/src/frontend/src/primitives/Text.tsx
index 15231f2a..1fc9b729 100644
--- a/src/frontend/src/primitives/Text.tsx
+++ b/src/frontend/src/primitives/Text.tsx
@@ -92,6 +92,11 @@ export const text = cva({
         marginBottom: 0.5,
       },
     },
+    fullWidth: {
+      true: {
+        width: '100%',
+      },
+    },
     last: {
       true: {
         marginBottom: '0!',