-
Notifications
You must be signed in to change notification settings - Fork 1.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
add emoji picker to chat composer #5091
add emoji picker to chat composer #5091
Conversation
} | ||
|
||
interface IProps { | ||
state: EmojiPickerState | ||
close: () => void | ||
showAbove?: boolean |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm not sure this is the best naming and approach
|
||
import {atoms as a} from '#/alf' | ||
import {textInputWebEmitter} from '../TextInput.web' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I have to move this out of TextInput because it is now used everywhere that EmojiPicker is used.
<Button | ||
onPress={e => { | ||
e.currentTarget.measure((_fx, _fy, _width, _height, px, py) => { | ||
openPicker?.({top: py, left: px, right: px, bottom: py}) | ||
}) | ||
}} | ||
style={[a.p_xs, {marginTop: 3}]} | ||
label={_(msg`Open emoji picker`)} | ||
accessibilityHint={_(msg`Open emoji picker`)} | ||
variant="ghost" | ||
shape="round" | ||
size="small" | ||
color="primary"> | ||
<EmojiSmile size="lg" /> | ||
</Button> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Copy pasted from the post composer and changed size a bit
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is awesome! Thanks for this :D gonna merge into a base and maybe tweak a couple things, but otherwise looks great 👍
4984f4e
into
bluesky-social:eric/web-chat-emoji
Thank you! |
Closes #5059
How it looks:
How it works:
emoji.mov
I'm not sure about the design, though—particularly the button style and position.