YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: hide the searchbar of emoji picker (#222)

Browse Source 
chore: hide emoji picker searchbar
This commit is contained in:
boojack
2022-09-17 09:23:53 +08:00
committed by GitHub
parent e7db587a9e
commit f4d0e8c948
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/Editor/EmojiPicker.tsx
View File

@ -1,7 +1,7 @@
import { forwardRef, useEffect } from "react"; import { forwardRef, useEffect } from "react";
import Picker, { IEmojiPickerProps } from "emoji-picker-react"; import Picker, { IEmojiPickerProps } from "emoji-picker-react";
export type EmojiPickerElement = HTMLDivElement; type EmojiPickerElement = HTMLDivElement;
interface Props { interface Props {
isShowEmojiPicker: boolean; isShowEmojiPicker: boolean;
@ -31,7 +31,7 @@ export const EmojiPicker = forwardRef<EmojiPickerElement, Props>((props: Props,
return ( return (
<div className="emoji-picker" ref={ref}> <div className="emoji-picker" ref={ref}>
<Picker onEmojiClick={onEmojiClick} /> <Picker onEmojiClick={onEmojiClick} disableSearchBar />
</div> </div>
); );
}); });

10
web/src/components/MemoEditor.tsx
View File

@ -1,4 +1,5 @@
import React, { useCallback, useEffect, useMemo, useRef, useState } from "react"; import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
import { IEmojiData } from "emoji-picker-react";
import { UNKNOWN_ID } from "../helpers/consts"; import { UNKNOWN_ID } from "../helpers/consts";
import { editorStateService, locationService, memoService, resourceService } from "../services"; import { editorStateService, locationService, memoService, resourceService } from "../services";
import useI18n from "../hooks/useI18n"; import useI18n from "../hooks/useI18n";
@ -11,9 +12,9 @@ import EmojiPicker from "./Editor/EmojiPicker";
import "../less/memo-editor.less"; import "../less/memo-editor.less";
interface State { interface State {
isUploadingResource: boolean;
fullscreen: boolean;
isShowEmojiPicker: boolean; isShowEmojiPicker: boolean;
fullscreen: boolean;
isUploadingResource: boolean;
} }
const MemoEditor = () => { const MemoEditor = () => {
@ -254,11 +255,12 @@ const MemoEditor = () => {
}); });
}; };
const handleEmojiClick = (event: any, emojiObject: any) => { const handleEmojiClick = (_: any, emojiObject: IEmojiData) => {
if (!editorRef.current) { if (!editorRef.current) {
return; return;
} }
editorRef.current?.insertText(`${emojiObject.emoji}`);
editorRef.current.insertText(`${emojiObject.emoji}`);
handleChangeIsShowEmojiPicker(false); handleChangeIsShowEmojiPicker(false);
}; };