From 889a4313c5ea23b84e0727a0a7836c1879b59dd1 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Thu, 23 Jun 2022 17:55:13 +0200
Subject: [PATCH] fix(ui) - invitation link button

---
 .../components/UserListItem/UserListItem.tsx  | 49 ++++++++++---------
 1 file changed, 26 insertions(+), 23 deletions(-)

diff --git a/frontend/app/components/Client/Users/components/UserListItem/UserListItem.tsx b/frontend/app/components/Client/Users/components/UserListItem/UserListItem.tsx
index 521bd3be4..8628f029f 100644
--- a/frontend/app/components/Client/Users/components/UserListItem/UserListItem.tsx
+++ b/frontend/app/components/Client/Users/components/UserListItem/UserListItem.tsx
@@ -47,29 +47,32 @@ function UserListItem(props: Props) {
 
             <div className="col-span-2 justify-self-end invisible group-hover:visible">
                 <div className="grid grid-cols-2 gap-3 items-center justify-end">
-                    {!user.isJoined && user.invitationLink ? (
-                        <Popup
-                            delay={500}
-                            content="Copy Invite Code"
-                            hideOnClick={true}
-                        >
-                            <button className='' onClick={copyInviteCode}>
-                                <Icon name="link-45deg" size="16" color="teal"/>
-                            </button>
-                        </Popup>
-                    ) : <div/>}
-                    {!user.isJoined && user.isExpiredInvite && (
-                        <Popup
-                            delay={500}
-                            arrow
-                            content="Generate Invite"
-                            hideOnClick={true}
-                        >
-                            <button className='' onClick={generateInvite}>
-                                <Icon name="link-45deg" size="16" color="red"/>
-                            </button>
-                        </Popup>
-                    )}
+                    <div>
+                        {!user.isJoined && user.invitationLink && !user.isExpiredInvite && (
+                            <Popup
+                                delay={500}
+                                content="Copy Invite Code"
+                                hideOnClick={true}
+                            >
+                                <button className='' onClick={copyInviteCode}>
+                                    <Icon name="link-45deg" size="16" color="teal"/>
+                                </button>
+                            </Popup>
+                        )}
+
+                        {!user.isJoined && user.isExpiredInvite && (
+                            <Popup
+                                delay={500}
+                                arrow
+                                content="Generate Invite"
+                                hideOnClick={true}
+                            >
+                                <button className='' onClick={generateInvite}>
+                                    <Icon name="link-45deg" size="16" color="red"/>
+                                </button>
+                            </Popup>
+                        )}
+                    </div>
                     <button className='' onClick={editHandler}>
                         <Icon name="pencil" color="teal" size="16" />
                     </button>