From 6a4383f5d4312af30656a82d7ae5cc36ea7f6942 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Wed, 2 Nov 2022 12:13:49 +0100
Subject: [PATCH] change(ui) - note text and user menu link

---
 .../components/Funnels/FunnelWidget/FunnelBar.tsx | 15 ++++-----------
 .../app/components/Header/UserMenu/UserMenu.tsx   |  9 +--------
 .../components/Notes/NoteItem.tsx                 |  4 ++--
 3 files changed, 7 insertions(+), 21 deletions(-)

diff --git a/frontend/app/components/Funnels/FunnelWidget/FunnelBar.tsx b/frontend/app/components/Funnels/FunnelWidget/FunnelBar.tsx
index 813c394e3..041e1a03b 100644
--- a/frontend/app/components/Funnels/FunnelWidget/FunnelBar.tsx
+++ b/frontend/app/components/Funnels/FunnelWidget/FunnelBar.tsx
@@ -8,7 +8,7 @@ interface Props {
 }
 function FunnelBar(props: Props) {
   const { filter } = props;
-  // const completedPercentage = calculatePercentage(filter.sessionsCount, filter.dropDueToIssues);
+
 
   return (
     <div className="w-full mb-4">
@@ -16,7 +16,6 @@ function FunnelBar(props: Props) {
       <div
         style={{
           height: '25px',
-          // marginBottom: '10px',
           width: '100%',
           backgroundColor: '#f5f5f5',
           position: 'relative',
@@ -32,15 +31,12 @@ function FunnelBar(props: Props) {
             top: 0,
             left: 0,
             bottom: 0,
-            // height: '10px',
             backgroundColor: '#00b5ad',
           }}
         >
-          <div className="color-white absolute right-0 flex items-center font-medium mr-2 leading-3">
-            {/* {filter.completedPercentage}% */}
-          </div>
+          <div className="color-white absolute right-0 flex items-center font-medium mr-2 leading-3" />
         </div>
-        {filter.dropDueToIssues > 0 && (
+        {/* {filter.dropDueToIssues > 0 && (
           <div
             className="flex items-center"
             style={{
@@ -57,17 +53,15 @@ function FunnelBar(props: Props) {
               className="stripes relative"
               style={{
                 width: `${filter.dropDueToIssuesPercentage}%`,
-                // backgroundColor: 'red',
                 height: '16px',
               }}
             >
-              {/* @ts-ignore */}
               <Tooltip title={`${filter.dropDueToIssues} (${filter.dropDueToIssuesPercentage}%) Dropped due to issues`} position="top-start">
                 <div className="w-full h-8 absolute"/>
               </Tooltip>
             </div>
           </div>
-        )}
+        )} */}
       </div>
       <div className="flex justify-between py-2">
         <div className="flex items-center">
@@ -76,7 +70,6 @@ function FunnelBar(props: Props) {
           <span className="color-gray-medium text-sm">
             ({filter.completedPercentage}%) Completed
           </span>
-          {/* <span>Completed</span> */}
         </div>
         <div className="flex items-center">
           <Icon name="caret-down-fill" color="red" size={16} />
diff --git a/frontend/app/components/Header/UserMenu/UserMenu.tsx b/frontend/app/components/Header/UserMenu/UserMenu.tsx
index d9940248b..c54d582b0 100644
--- a/frontend/app/components/Header/UserMenu/UserMenu.tsx
+++ b/frontend/app/components/Header/UserMenu/UserMenu.tsx
@@ -26,7 +26,7 @@ function UserMenu(props: RouteComponentProps<Props>) {
       style={{ width: '250px' }}
       className={cn(className, 'absolute right-0 top-0 bg-white border mt-14')}
     >
-      <div className="flex items-start p-3 border-b border-dashed hover:bg-active-blue">
+      <div className="flex items-start p-3 border-b border-dashed hover:bg-active-blue" onClick={onAccountClick}>
         <div className="w-10 h-10 bg-tealx rounded-full flex items-center justify-center mr-2 color-white shrink-0 uppercase">
           {getInitials(account.name)}
         </div>
@@ -41,13 +41,6 @@ function UserMenu(props: RouteComponentProps<Props>) {
         </div>
       </div>
       <div className="p-2">
-        <div
-          className="rounded border border-transparent p-2 cursor-pointer flex items-center hover:bg-active-blue hover:!border-active-blue-border hover-teal"
-          onClick={onAccountClick}
-        >
-          <Icon name="user-circle" size="16" />
-          <button className="ml-2">{'Account'}</button>
-        </div>
         <div
           className="rounded border border-transparent p-2 cursor-pointer flex items-center hover:bg-active-blue hover:!border-active-blue-border hover-teal"
           onClick={onLogoutClick}
diff --git a/frontend/app/components/shared/SessionListContainer/components/Notes/NoteItem.tsx b/frontend/app/components/shared/SessionListContainer/components/Notes/NoteItem.tsx
index 4afda2e4f..d445e926c 100644
--- a/frontend/app/components/shared/SessionListContainer/components/Notes/NoteItem.tsx
+++ b/frontend/app/components/shared/SessionListContainer/components/Notes/NoteItem.tsx
@@ -35,7 +35,7 @@ function NoteItem(props: Props) {
     });
   };
   const menuItems = [
-    { icon: 'link-45deg', text: 'Copy URL', onClick: onCopy },
+    { icon: 'link-45deg', text: 'Copy Note URL', onClick: onCopy },
     { icon: 'trash', text: 'Delete', onClick: onDelete },
   ];
 
@@ -53,7 +53,7 @@ function NoteItem(props: Props) {
         }
       >
         <div className="flex flex-col gap-1 p-2 rounded cursor-pointer note-hover">
-          <div className="py-1 capitalize-first">{safeStrMessage}</div>
+          <div className="py-1 capitalize-first text-lg">{safeStrMessage}</div>
           <div className="flex items-center gap-2">
             {props.note.tag ? (
               <div