4182cbd5d0
* Refactor EmojiMenu * Refactor CommandMenu to functional component * Remove more direct props, refactor to useEditor * Remove hardcoded IDs * Refactor SelectionToolbar to functional component * fix: Positioning of suggestion menu on long paragraphs
27 lines
554 B
TypeScript
27 lines
554 B
TypeScript
import * as React from "react";
|
|
import styled from "styled-components";
|
|
import SuggestionsMenuItem, {
|
|
Props as SuggestionsMenuItemProps,
|
|
} from "./SuggestionsMenuItem";
|
|
|
|
const Emoji = styled.span`
|
|
font-size: 16px;
|
|
line-height: 1.6em;
|
|
`;
|
|
|
|
type EmojiMenuItemProps = Omit<
|
|
SuggestionsMenuItemProps,
|
|
"shortcut" | "theme"
|
|
> & {
|
|
emoji: string;
|
|
};
|
|
|
|
export default function EmojiMenuItem({ emoji, ...rest }: EmojiMenuItemProps) {
|
|
return (
|
|
<SuggestionsMenuItem
|
|
{...rest}
|
|
icon={<Emoji className="emoji">{emoji}</Emoji>}
|
|
/>
|
|
);
|
|
}
|