3c0bc79768
* feat: add migration pane * style: clean imports * removeme: beta version * fix: do no show dropzone when tag has no parent * fix: hide the Folders toggle * fix: hide migrations option when user has no folders * fix: add delimiter on Folders mark * removeme: bump beta * fix: remove component viewer for tag folders * removeme: bump beta * chore(deps): snjs
32 lines
623 B
TypeScript
32 lines
623 B
TypeScript
import { Icon } from '@/components/Icon';
|
|
import { FunctionComponent } from 'preact';
|
|
import { IconType } from '@standardnotes/snjs';
|
|
|
|
interface Props {
|
|
iconType: IconType;
|
|
label: string;
|
|
selected: boolean;
|
|
onClick: () => void;
|
|
}
|
|
|
|
export const MenuItem: FunctionComponent<Props> = ({
|
|
iconType,
|
|
label,
|
|
selected,
|
|
onClick,
|
|
}) => (
|
|
<div
|
|
className={`preferences-menu-item select-none ${
|
|
selected ? 'selected' : ''
|
|
}`}
|
|
onClick={(e) => {
|
|
e.preventDefault();
|
|
onClick();
|
|
}}
|
|
>
|
|
<Icon className="icon" type={iconType} />
|
|
<div className="min-w-1" />
|
|
{label}
|
|
</div>
|
|
);
|