Browse Source

reinstate emoji picker

imwald
Silberengel 2 weeks ago
parent
commit
f3840a1888
  1. 4
      package-lock.json
  2. 2
      package.json
  3. 24
      src/components/PostEditor/PostEditorFormatToolbar.tsx

4
package-lock.json generated

@ -1,12 +1,12 @@
{ {
"name": "imwald", "name": "imwald",
"version": "23.17.0", "version": "23.17.1",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "imwald", "name": "imwald",
"version": "23.17.0", "version": "23.17.1",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@asciidoctor/core": "^3.0.4", "@asciidoctor/core": "^3.0.4",

2
package.json

@ -1,6 +1,6 @@
{ {
"name": "imwald", "name": "imwald",
"version": "23.17.0", "version": "23.17.1",
"description": "Imwald — a user-friendly Nostr client focused on relay feed browsing, publications, and relay discovery", "description": "Imwald — a user-friendly Nostr client focused on relay feed browsing, publications, and relay discovery",
"private": true, "private": true,
"type": "module", "type": "module",

24
src/components/PostEditor/PostEditorFormatToolbar.tsx

@ -3,7 +3,7 @@ import GifPicker from '@/components/GifPicker'
import MemePicker from '@/components/MemePicker' import MemePicker from '@/components/MemePicker'
import { Button } from '@/components/ui/button' import { Button } from '@/components/ui/button'
import { Separator } from '@/components/ui/separator' import { Separator } from '@/components/ui/separator'
import { cn, isTouchDevice } from '@/lib/utils' import { cn } from '@/lib/utils'
import type { TEmoji } from '@/types' import type { TEmoji } from '@/types'
import { Film, ImageUp, Laugh, Mic, Settings, Smile } from 'lucide-react' import { Film, ImageUp, Laugh, Mic, Settings, Smile } from 'lucide-react'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
@ -85,18 +85,16 @@ export function PostEditorFormatToolbar({
</Button> </Button>
</Uploader> </Uploader>
<Separator orientation="vertical" className="mx-0.5 h-5 shrink-0 max-sm:hidden" /> <Separator orientation="vertical" className="mx-0.5 h-5 shrink-0 max-sm:hidden" />
{!isTouchDevice() && ( <EmojiPickerDialog
<EmojiPickerDialog onEmojiClick={(emoji) => {
onEmojiClick={(emoji) => { if (emoji == null) return
if (emoji == null) return insertEmoji(emoji)
insertEmoji(emoji) }}
}} >
> <Button type="button" variant="ghost" size="icon" className={iconBtnClass} title={t('Insert emoji')}>
<Button type="button" variant="ghost" size="icon" className={iconBtnClass} title={t('Insert emoji')}> <Smile />
<Smile /> </Button>
</Button> </EmojiPickerDialog>
</EmojiPickerDialog>
)}
<GifPicker onSelect={(gifUrl) => insertText(gifUrl)}> <GifPicker onSelect={(gifUrl) => insertText(gifUrl)}>
<Button type="button" variant="ghost" size="icon" className={iconBtnClass} title={t('Insert GIF')}> <Button type="button" variant="ghost" size="icon" className={iconBtnClass} title={t('Insert GIF')}>
<Film className="h-4 w-4" /> <Film className="h-4 w-4" />

Loading…
Cancel
Save