From d8274f9acdb3d9364608297e138f8bd3d2b923cd Mon Sep 17 00:00:00 2001
From: Tristan Yang <yanggc888@163.com>
Date: Tue, 27 Jun 2023 11:26:42 +0800
Subject: [PATCH] refactor: send message btn in search user modal

---
 src/components/SearchUser.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/SearchUser.tsx b/src/components/SearchUser.tsx
index 63b13af4..3f454945 100644
--- a/src/components/SearchUser.tsx
+++ b/src/components/SearchUser.tsx
@@ -135,18 +135,18 @@ const SearchUser: FC<Props> = ({ closeModal }) => {
                 />
                 <span className="my-2 dark:text-gray-100 text-gray-950">{data.name}</span>
                 <div className="flex gap-2 my-2">
+                  <StyledButton className="mini ghost" onClick={handleSendMsg}>
+                    {t("send_msg", { ns: "member" })}
+                  </StyledButton>
                   {!inContact && (
-                    <StyledButton className="mini ghost" onClick={handleSendMsg}>
-                      {t("send_msg", { ns: "member" })}
+                    <StyledButton
+                      disabled={adding}
+                      onClick={handleChat.bind(null, inContact)}
+                      className={clsx("mini", inContact && "ghost")}
+                    >
+                      Add to contact
                     </StyledButton>
                   )}
-                  <StyledButton
-                    disabled={adding}
-                    onClick={handleChat.bind(null, inContact)}
-                    className="mini"
-                  >
-                    {inContact ? t(`chat`) : `Add to Contact`}
-                  </StyledButton>
                 </div>
               </div>
             ) : (