feat: Add option to toggle editor icon in new notes list design (#799)

This commit is contained in:
Aman Harwara
2022-01-06 20:30:10 +05:30
committed by GitHub
parent 285fe31dd8
commit 875f5417be
8 changed files with 57 additions and 23 deletions

View File

@@ -15,6 +15,7 @@ type Props = {
hideDate: boolean;
hidePreview: boolean;
hideTags: boolean;
hideEditorIcon: boolean;
onClick: () => void;
onContextMenu: (e: MouseEvent) => void;
selected: boolean;
@@ -61,6 +62,7 @@ export const NotesListItem: FunctionComponent<Props> = ({
hideDate,
hidePreview,
hideTags,
hideEditorIcon,
note,
onClick,
onContextMenu,
@@ -81,14 +83,16 @@ export const NotesListItem: FunctionComponent<Props> = ({
onClick={onClick}
onContextMenu={onContextMenu}
>
<div className="icon">
<Icon
ariaLabel={`Icon for ${editorName}`}
type={icon}
className={`color-accessory-tint-${tint}`}
/>
</div>
<div className="meta">
{!hideEditorIcon && (
<div className="icon">
<Icon
ariaLabel={`Icon for ${editorName}`}
type={icon}
className={`color-accessory-tint-${tint}`}
/>
</div>
)}
<div className={`meta ${hideEditorIcon ? 'icon-hidden' : ''}`}>
<div className="name">
<div>{note.title}</div>
<div className="flag-icons">