change(ui) - note text and user menu link

This commit is contained in:
Shekar Siri 2022-11-02 12:13:49 +01:00
parent 810cba45ef
commit 6a4383f5d4
3 changed files with 7 additions and 21 deletions

View file

@ -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} />

View file

@ -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}

View file

@ -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