change(ui) - note text and user menu link
This commit is contained in:
parent
810cba45ef
commit
6a4383f5d4
3 changed files with 7 additions and 21 deletions
|
|
@ -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} />
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue