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

feat: support inline image

Browse Source
This commit is contained in:
Shusui MOYATANI
2023-03-07 20:50:34 +09:00
parent bcbd9242f3
commit 06baf0f154
7 changed files with 91 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/textNote/TextNoteContentDisplay.tsx
View File

@@ -4,6 +4,7 @@ import type { Event as NostrEvent } from 'nostr-tools';
import PlainTextDisplay from '@/components/textNote/PlainTextDisplay';
import MentionedUserDisplay from '@/components/textNote/MentionedUserDisplay';
import MentionedEventDisplay from '@/components/textNote/MentionedEventDisplay';
import ImageDisplay from '@/components/textNote/ImageDisplay';
export type TextNoteContentDisplayProps = {
event: NostrEvent;
@@ -24,7 +25,22 @@ const TextNoteContentDisplay = (props: TextNoteContentDisplayProps) => {
return <MentionedEventDisplay mentionedEvent={item} />;
}
if (item.type === 'HashTag') {
return <span class="text-blue-500 underline ">{item.content}</span>;
return <span class="text-blue-500 underline">{item.content}</span>;
}
if (item.type === 'URL') {
if (item.content.match(/\.(jpeg|jpg|png|gif|webp)$/i)) {
return <ImageDisplay url={item.content} />;
}
return (
<a
class="text-blue-500 underline"
href={item.content}
target="_blank"
rel="noopener noreferrer"
>
{item.content}
</a>
);
}
return null;
}}