aljaz/rabbit
1
0
Fork 0
mirror of https://github.com/aljazceru/rabbit.git synced 2025-12-17 14:04:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: display custom emoji (NIP-30)

Browse Source
This commit is contained in:
Shusui MOYATANI
2023-05-16 03:49:59 +09:00
parent 9567016206
commit 68d1cb19c0
5 changed files with 121 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/event/textNote/TextNoteContentDisplay.tsx
View File

@@ -40,6 +40,19 @@ const TextNoteContentDisplay = (props: TextNoteContentDisplayProps) => {
if (item.type === 'PlainText') {
return <PlainTextDisplay plainText={item} />;
}
if (item.type === 'URL') {
if (isImageUrl(item.content)) {
return (
<ImageDisplay
url={item.content}
initialHidden={
!config().showImage || event().contentWarning().contentWarning || !props.embedding
}
/>
);
}
return <SafeLink class="text-blue-500 underline" href={item.content} />;
}
if (item.type === 'TagReference') {
const resolved = resolveTagReference(item, props.event);
if (resolved == null) return null;
@@ -88,18 +101,16 @@ const TextNoteContentDisplay = (props: TextNoteContentDisplayProps) => {
</button>
);
}
if (item.type === 'URL') {
if (isImageUrl(item.content)) {
return (
<ImageDisplay
url={item.content}
initialHidden={
!config().showImage || event().contentWarning().contentWarning || !props.embedding
}
/>
);
}
return <SafeLink class="text-blue-500 underline" href={item.content} />;
if (item.type === 'CustomEmoji') {
const emojiUrl = event().getEmojiUrl(item.shortcode);
if (emojiUrl == null) return item.content;
return (
<img
class="inline-block h-6 max-w-[64px] align-middle"
src={emojiUrl}
alt={item.shortcode}
/>
);
}
console.error('Not all ParsedTextNoteNodes are covered', item);
return null;