From 59fe8245dd569668794b971b2c9864b05bd84889 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Thu, 5 May 2022 14:41:10 +0200
Subject: [PATCH] change(ui) - user list tooltip

---
 .../app/components/Client/Users/UsersView.tsx |  2 --
 .../components/UserListItem/UserListItem.tsx  | 34 ++++++++++++++-----
 frontend/app/mstore/types/user.ts             |  1 -
 3 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/frontend/app/components/Client/Users/UsersView.tsx b/frontend/app/components/Client/Users/UsersView.tsx
index 9825db446..693c47229 100644
--- a/frontend/app/components/Client/Users/UsersView.tsx
+++ b/frontend/app/components/Client/Users/UsersView.tsx
@@ -37,8 +37,6 @@ function UsersView(props: Props) {
         }
     }, []);
 
-    console.log('remaining', limits, reachedLimit)
-
     return (
         <div>
             <div className="flex items-center justify-between">
diff --git a/frontend/app/components/Client/Users/components/UserListItem/UserListItem.tsx b/frontend/app/components/Client/Users/components/UserListItem/UserListItem.tsx
index 10f2f2fe0..bb6d6b2f6 100644
--- a/frontend/app/components/Client/Users/components/UserListItem/UserListItem.tsx
+++ b/frontend/app/components/Client/Users/components/UserListItem/UserListItem.tsx
@@ -1,6 +1,8 @@
+//@ts-nocheck
 import React from 'react';
-import { Icon, CopyButton } from 'UI';
+import { Icon } from 'UI';
 import { checkForRecent } from 'App/date';
+import { Tooltip } from 'react-tippy';
 
 interface Props {
     user: any;
@@ -30,18 +32,32 @@ function UserListItem(props: Props) {
             <div className="col-span-2">
                 <span>{user.createdAt && checkForRecent(user.createdAt, 'LLL dd, yyyy, hh:mm a')}</span>
             </div>
-            {/* invisible */}
-            <div className="col-span-2 justify-self-end group-hover:visible">
+
+            <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 ? (
-                        <button className='' onClick={copyInviteCode}>
-                            <Icon name="link-45deg" size="16" color="teal"/>
-                        </button>
+                        <Tooltip
+                            delay={500}
+                            arrow
+                            title="Copy Invite Code"
+                            hideOnClick={true}
+                        >
+                            <button className='' onClick={copyInviteCode}>
+                                <Icon name="link-45deg" size="16" color="teal"/>
+                            </button>
+                        </Tooltip>
                     ) : <div/>}
                     {!user.isJoined && user.isExpiredInvite && (
-                        <button className='' onClick={generateInvite}>
-                            <Icon name="link-45deg" size="16" color="red"/>
-                        </button>
+                        <Tooltip
+                            delay={500}
+                            arrow
+                            title="Generate Invite"
+                            hideOnClick={true}
+                        >
+                            <button className='' onClick={generateInvite}>
+                                <Icon name="link-45deg" size="16" color="red"/>
+                            </button>
+                        </Tooltip>
                     )}
                     <button className='' onClick={editHandler}>
                         <Icon name="pencil" color="teal" size="16" />
diff --git a/frontend/app/mstore/types/user.ts b/frontend/app/mstore/types/user.ts
index 8d3e4f950..c69b31067 100644
--- a/frontend/app/mstore/types/user.ts
+++ b/frontend/app/mstore/types/user.ts
@@ -50,7 +50,6 @@ export default class User implements IUser {
     }
 
     updateKey(key: string, value: any) {
-        console.log(key, value)
         runInAction(() => {
             this[key] = value
         })