From fac9435bc791a89c7b0a5adc15d8d394c04d7282 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Tue, 4 Mar 2025 23:10:34 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20adapt=20entry=20body?=
 =?UTF-8?q?=20text=20to=20match=20Robin's=20design?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Update the styling of entry body text to align with Robin's design
specifications. Ensures consistent visual language throughout the
application.
---
 .../src/features/rooms/components/Join.tsx    | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/features/rooms/components/Join.tsx b/src/frontend/src/features/rooms/components/Join.tsx
index 0be946ec..67e5e19c 100644
--- a/src/frontend/src/features/rooms/components/Join.tsx
+++ b/src/frontend/src/features/rooms/components/Join.tsx
@@ -7,7 +7,7 @@ import { LocalVideoTrack, Track } from 'livekit-client'
 import { H } from '@/primitives/H'
 import { SelectToggleDevice } from '../livekit/components/controls/SelectToggleDevice'
 import { Field } from '@/primitives/Field'
-import { Button, Dialog, Text, Form, P } from '@/primitives'
+import { Button, Dialog, Text, Form } from '@/primitives'
 import { HStack, VStack } from '@/styled-system/jsx'
 import { LocalUserChoices } from '../routes/Room'
 import { Heading } from 'react-aria-components'
@@ -293,7 +293,9 @@ export const Join = ({
             <H lvl={1} margin={false}>
               {t('timeoutInvite.title')}
             </H>
-            <P>{t('timeoutInvite.body')}</P>
+            <Text as="p" variant="note">
+              {t('timeoutInvite.body')}
+            </Text>
           </VStack>
         )
 
@@ -303,7 +305,9 @@ export const Join = ({
             <H lvl={1} margin={false}>
               {t('denied.title')}
             </H>
-            <P>{t('denied.body')}</P>
+            <Text as="p" variant="note">
+              {t('denied.body')}
+            </Text>
           </VStack>
         )
 
@@ -313,7 +317,13 @@ export const Join = ({
             <H lvl={1} margin={false}>
               {t('waiting.title')}
             </H>
-            <P>{t('waiting.body')}</P>
+            <Text
+              as="p"
+              variant="note"
+              className={css({ marginBottom: '1.5rem' })}
+            >
+              {t('waiting.body')}
+            </Text>
             <Spinner />
           </VStack>
         )
@@ -328,7 +338,7 @@ export const Join = ({
             }}
           >
             <VStack marginBottom={1}>
-              <H lvl={1} margin={false}>
+              <H lvl={1} margin="sm">
                 {t('heading')}
               </H>
               <Field