From bf0c15c4bcfff26ad17679fd8d4151654d7d24f1 Mon Sep 17 00:00:00 2001
From: danidfra <danielfilemondev@gmail.com>
Date: Mon, 4 Nov 2024 14:57:24 -0300
Subject: [PATCH] Change classNames "empty-column-indicator" and "aliases" in
 features/aliases to use only Tailwind

---
 src/features/aliases/index.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/features/aliases/index.tsx b/src/features/aliases/index.tsx
index 36a3327de..1c15dd9fc 100644
--- a/src/features/aliases/index.tsx
+++ b/src/features/aliases/index.tsx
@@ -47,18 +47,23 @@ const Aliases = () => {
   const emptyMessage = <FormattedMessage id='empty_column.aliases' defaultMessage="You haven't created any account alias yet." />;
 
   return (
-    <Column className='aliases-settings-panel' label={intl.formatMessage(messages.heading)}>
+    <Column className='flex-1' label={intl.formatMessage(messages.heading)}>
       <CardHeader>
         <CardTitle title={intl.formatMessage(messages.subheading_add_new)} />
       </CardHeader>
       <Search />
       {
         loaded && searchAccountIds.size === 0 ? (
-          <div className='aliases__accounts empty-column-indicator'>
+          <div
+            className='flex min-h-[160px] flex-1 items-center justify-center rounded-lg bg-primary-50 p-10 text-center text-gray-900 dark:bg-gray-700 dark:text-gray-300' style={{
+              minHeight: 'unset',
+              overflowY: 'unset',
+            }}
+          >
             <FormattedMessage id='empty_column.aliases.suggestions' defaultMessage='There are no account suggestions available for the provided term.' />
           </div>
         ) : (
-          <div className='aliases__accounts mb-4'>
+          <div className='mb-4 overflow-y-auto'>
             {searchAccountIds.map(accountId => <Account key={accountId} accountId={accountId} aliases={aliases} />)}
           </div>
         )
@@ -66,7 +71,7 @@ const Aliases = () => {
       <CardHeader>
         <CardTitle title={intl.formatMessage(messages.subheading_aliases)} />
       </CardHeader>
-      <div className='aliases-settings-panel'>
+      <div className='flex-1'>
         <ScrollableList
           scrollKey='aliases'
           emptyMessage={emptyMessage}