From e03ecb2d77364d4aa81767542f4bf73bdb0241ae Mon Sep 17 00:00:00 2001
From: daproclaima <sebastien@devedanos.com>
Date: Thu, 18 Jul 2024 17:23:17 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BF=EF=B8=8F(frontend)=20change=20panel?=
 =?UTF-8?q?=20text=20color?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- change text color displayed when panel of teams or mail domains is empty
to create more contrast between text and background colors
---
 .../mail-domains/components/panel/ItemList.tsx      | 13 ++++---------
 .../teams/teams-panel/components/TeamList.tsx       |  9 ++-------
 2 files changed, 6 insertions(+), 16 deletions(-)

diff --git a/src/frontend/apps/desk/src/features/mail-domains/components/panel/ItemList.tsx b/src/frontend/apps/desk/src/features/mail-domains/components/panel/ItemList.tsx
index 4a13278..24a947a 100644
--- a/src/frontend/apps/desk/src/features/mail-domains/components/panel/ItemList.tsx
+++ b/src/frontend/apps/desk/src/features/mail-domains/components/panel/ItemList.tsx
@@ -44,7 +44,7 @@ export const ItemList = () => {
         scrollContainer={containerRef.current}
         as="ul"
         $margin={{ top: 'none' }}
-        $padding={{ all: 'none' }}
+        $padding="none"
         role="listbox"
       >
         <ItemListState
@@ -76,7 +76,7 @@ const ItemListState = ({
 
   if (isLoading) {
     return (
-      <Box $align="center" $margin={{ all: 'large' }}>
+      <Box $align="center" $margin="large">
         <Loader aria-label={t('mail domains list loading')} />
       </Box>
     );
@@ -84,13 +84,8 @@ const ItemListState = ({
 
   if (!mailDomains?.length) {
     return (
-      <Box $justify="center" $margin={{ all: 'small' }}>
-        <Text
-          as="p"
-          $margin={{ vertical: 'none' }}
-          $theme="greyscale"
-          $variation="500"
-        >
+      <Box $justify="center" $margin="small">
+        <Text as="p" $margin={{ vertical: 'none' }}>
           {t(`0 mail domain to display.`)}
         </Text>
       </Box>
diff --git a/src/frontend/apps/desk/src/features/teams/teams-panel/components/TeamList.tsx b/src/frontend/apps/desk/src/features/teams/teams-panel/components/TeamList.tsx
index 556296c..ac1002b 100644
--- a/src/frontend/apps/desk/src/features/teams/teams-panel/components/TeamList.tsx
+++ b/src/frontend/apps/desk/src/features/teams/teams-panel/components/TeamList.tsx
@@ -40,15 +40,10 @@ const TeamListState = ({ isLoading, isError, teams }: PanelTeamsStateProps) => {
   if (!teams?.length) {
     return (
       <Box $justify="center" $margin="small">
-        <Text
-          as="p"
-          $margin={{ vertical: 'none' }}
-          $theme="greyscale"
-          $variation="500"
-        >
+        <Text as="p" $margin={{ vertical: 'none' }}>
           {t('0 group to display.')}
         </Text>
-        <Text as="p" $theme="greyscale" $variation="500">
+        <Text as="p">
           {t(
             'Create your first team by clicking on the "Create a new team" button.',
           )}