fix: 🐛

2025-08-27 15:05:47 +08:00
parent d90f6f8261
commit f41536a793
21 changed files with 94 additions and 43 deletions
--- a/src/components/ContentPreview/Content.tsx
+++ b/src/components/ContentPreview/Content.tsx
@@ -35,13 +35,13 @@ export default function Content({
    <span className={cn('pointer-events-none', className)}>
      {nodes.map((node, index) => {
        if (node.type === 'image' || node.type === 'images') {
-          return index > 0 ? ` [${t('image')}]` : `[${t('image')}]`
+          return index > 0 ? ` [${t('Image')}]` : `[${t('Image')}]`
        }
        if (node.type === 'media') {
-          return index > 0 ? ` [${t('media')}]` : `[${t('media')}]`
+          return index > 0 ? ` [${t('Media')}]` : `[${t('Media')}]`
        }
        if (node.type === 'event') {
-          return index > 0 ? ` [${t('note')}]` : `[${t('note')}]`
+          return index > 0 ? ` [${t('Note')}]` : `[${t('Note')}]`
        }
        if (node.type === 'mention') {
          return <EmbeddedMentionText key={index} userId={node.data.split(':')[1]} />
--- a/src/components/ContentPreview/PictureNotePreview.tsx
+++ b/src/components/ContentPreview/PictureNotePreview.tsx
@@ -0,0 +1,19 @@
+import { cn } from '@/lib/utils'
+import { Event } from 'nostr-tools'
+import { useTranslation } from 'react-i18next'
+
+export default function PictureNotePreview({
+  event,
+  className
+}: {
+  event: Event
+  className?: string
+}) {
+  const { t } = useTranslation()
+
+  return (
+    <div className={cn('pointer-events-none', className)}>
+      [{t('Image')}] <span className="italic pr-0.5">{event.content}</span>
+    </div>
+  )
+}
--- a/src/components/ContentPreview/VideoNotePreview.tsx
+++ b/src/components/ContentPreview/VideoNotePreview.tsx
@@ -0,0 +1,19 @@
+import { cn } from '@/lib/utils'
+import { Event } from 'nostr-tools'
+import { useTranslation } from 'react-i18next'
+
+export default function VideoNotePreview({
+  event,
+  className
+}: {
+  event: Event
+  className?: string
+}) {
+  const { t } = useTranslation()
+
+  return (
+    <div className={cn('pointer-events-none', className)}>
+      [{t('Media')}] <span className="italic pr-0.5">{event.content}</span>
+    </div>
+  )
+}
--- a/src/components/ContentPreview/index.tsx
+++ b/src/components/ContentPreview/index.tsx
@@ -10,7 +10,9 @@ import HighlightPreview from './HighlightPreview'
 import LiveEventPreview from './LiveEventPreview'
 import LongFormArticlePreview from './LongFormArticlePreview'
 import NormalContentPreview from './NormalContentPreview'
+import PictureNotePreview from './PictureNotePreview'
 import PollPreview from './PollPreview'
+import VideoNotePreview from './VideoNotePreview'

 export default function ContentPreview({
  event,
@@ -40,7 +42,6 @@ export default function ContentPreview({
    [
      kinds.ShortTextNote,
      ExtendedKind.COMMENT,
-      ExtendedKind.PICTURE,
      ExtendedKind.VOICE,
      ExtendedKind.VOICE_COMMENT
    ].includes(event.kind)
@@ -60,6 +61,14 @@ export default function ContentPreview({
    return <LongFormArticlePreview event={event} className={className} />
  }

+  if (event.kind === ExtendedKind.VIDEO || event.kind === ExtendedKind.SHORT_VIDEO) {
+    return <VideoNotePreview event={event} className={className} />
+  }
+
+  if (event.kind === ExtendedKind.PICTURE) {
+    return <PictureNotePreview event={event} className={className} />
+  }
+
  if (event.kind === ExtendedKind.GROUP_METADATA) {
    return <GroupMetadataPreview event={event} className={className} />
  }
--- a/src/components/KindFilter/index.tsx
+++ b/src/components/KindFilter/index.tsx
@@ -49,14 +49,10 @@ export default function KindFilter({
    }

    const newShowKinds = [...temporaryShowKinds].sort()
-    let isSame = true
-    for (let index = 0; index < newShowKinds.length; index++) {
-      if (showKinds[index] !== newShowKinds[index]) {
-        isSame = false
-        break
-      }
-    }
-    if (!isSame) {
+    if (
+      newShowKinds.length !== showKinds.length ||
+      newShowKinds.some((k, i) => k !== showKinds[i])
+    ) {
      onShowKindsChange(newShowKinds)
    }

@@ -95,6 +91,7 @@ export default function KindFilter({
                checked ? 'border-primary bg-primary/20' : 'clickable'
              )}
              onClick={() => {
+                console.log(checked)
                if (!checked) {
                  // add all kinds in this group
                  setTemporaryShowKinds((prev) => Array.from(new Set([...prev, ...kindGroup])))
--- a/src/components/Note/index.tsx
+++ b/src/components/Note/index.tsx
@@ -58,7 +58,14 @@ export default function Note({
  const [showMuted, setShowMuted] = useState(false)

  let content: React.ReactNode
-  if (!SUPPORTED_KINDS.includes(event.kind)) {
+  if (
+    ![
+      ...SUPPORTED_KINDS,
+      kinds.CommunityDefinition,
+      kinds.LiveEvent,
+      ExtendedKind.GROUP_METADATA
+    ].includes(event.kind)
+  ) {
    content = <UnknownNote className="mt-2" event={event} />
  } else if (mutePubkeys.includes(event.pubkey) && !showMuted) {
    content = <MutedNote show={() => setShowMuted(true)} />
--- a/src/i18n/locales/ar.ts
+++ b/src/i18n/locales/ar.ts
@@ -110,7 +110,7 @@ export default {
      'ملاحظة خاصة للعملاء المعتمدين على الصور مثل Olas',
    'Picture note requires images': 'ملاحظة الصورة تتطلب صور',
    Relays: 'الريلايات',
-    image: 'صورة',
+    Image: 'صورة',
    'R & W': 'قراءة وكتابة',
    Read: 'قراءة',
    Write: 'كتابة',
@@ -314,7 +314,7 @@ export default {
    'Remove poll': 'إزالة الاستطلاع',
    'Refresh results': 'تحديث النتائج',
    Poll: 'استطلاع',
-    media: 'الوسائط',
+    Media: 'الوسائط',
    'Broadcast to ...': 'البث إلى...',
    'Successfully broadcasted to your write relays': 'تم البث بنجاح إلى مرحلات الكتابة الخاصة بك',
    'Failed to broadcast to your write relays: {{error}}':
--- a/src/i18n/locales/de.ts
+++ b/src/i18n/locales/de.ts
@@ -111,7 +111,7 @@ export default {
      'Eine spezielle Notiz für bildfokussierte Clients wie Olas',
    'Picture note requires images': 'Bildnotiz erfordert Bilder',
    Relays: 'Relays',
-    image: 'Bild',
+    Image: 'Bild',
    'R & W': 'R & W',
    Read: 'Lesen',
    Write: 'Schreiben',
@@ -321,7 +321,7 @@ export default {
    'Remove poll': 'Umfrage entfernen',
    'Refresh results': 'Ergebnisse aktualisieren',
    Poll: 'Umfrage',
-    media: 'Medien',
+    Media: 'Medien',
    'Broadcast to ...': 'Senden an...',
    'Successfully broadcasted to your write relays': 'Erfolgreich an Ihre Schreibrelays gesendet',
    'Failed to broadcast to your write relays: {{error}}':
--- a/src/i18n/locales/en.ts
+++ b/src/i18n/locales/en.ts
@@ -110,7 +110,7 @@ export default {
      'A special note for picture-first clients like Olas',
    'Picture note requires images': 'Picture note requires images',
    Relays: 'Relays',
-    image: 'image',
+    Image: 'Image',
    'R & W': 'R & W',
    Read: 'Read',
    Write: 'Write',
@@ -314,7 +314,7 @@ export default {
    'Remove poll': 'Remove poll',
    'Refresh results': 'Refresh results',
    Poll: 'Poll',
-    media: 'media',
+    Media: 'Media',
    'Broadcast to ...': 'Broadcast to ...',
    'Successfully broadcasted to your write relays':
      'Successfully broadcasted to your write relays',
--- a/src/i18n/locales/es.ts
+++ b/src/i18n/locales/es.ts
@@ -111,7 +111,7 @@ export default {
      'Una nota especial para clientes que priorizan imagen, como Olas',
    'Picture note requires images': 'La nota con imagen requiere imágenes',
    Relays: 'Relés',
-    image: 'imagen',
+    Image: 'imagen',
    'R & W': 'L y E',
    Read: 'Leer',
    Write: 'Escribir',
@@ -319,7 +319,7 @@ export default {
    'Remove poll': 'Eliminar encuesta',
    'Refresh results': 'Actualizar resultados',
    Poll: 'Encuesta',
-    media: 'medios',
+    Media: 'medios',
    'Broadcast to ...': 'Transmitir a...',
    'Successfully broadcasted to your write relays':
      'Transmitido exitosamente a sus relés de escritura',
--- a/src/i18n/locales/fa.ts
+++ b/src/i18n/locales/fa.ts
@@ -110,7 +110,7 @@ export default {
      'یادداشت ویژه برای کلاینت‌های تصویر محور مانند Olas',
    'Picture note requires images': 'یادداشت تصویری نیاز به تصاویر دارد',
    Relays: 'رله‌ها',
-    image: 'تصویر',
+    Image: 'تصویر',
    'R & W': 'خواندن و نوشتن',
    Read: 'خواندن',
    Write: 'نوشتن',
@@ -316,7 +316,7 @@ export default {
    'Remove poll': 'حذف نظرسنجی',
    'Refresh results': 'بارگیری مجدد نتایج',
    Poll: 'نظرسنجی',
-    media: 'رسانه',
+    Media: 'رسانه',
    'Broadcast to ...': 'پخش به...',
    'Successfully broadcasted to your write relays': 'با موفقیت به رله‌های نوشتن شما پخش شد',
    'Failed to broadcast to your write relays: {{error}}':
--- a/src/i18n/locales/fr.ts
+++ b/src/i18n/locales/fr.ts
@@ -111,7 +111,7 @@ export default {
      "Une note spéciale pour les clients axés sur l'image comme Olas",
    'Picture note requires images': 'La note image nécessite des images',
    Relays: 'Relais',
-    image: 'image',
+    Image: 'image',
    'R & W': 'R & W',
    Read: 'Lire',
    Write: 'Écrire',
@@ -320,7 +320,7 @@ export default {
    'Remove poll': 'Supprimer le sondage',
    'Refresh results': 'Rafraîchir les résultats',
    Poll: 'Sondage',
-    media: 'média',
+    Media: 'média',
    'Broadcast to ...': 'Diffuser vers...',
    'Successfully broadcasted to your write relays': "Diffusion réussie vers vos relais d'écriture",
    'Failed to broadcast to your write relays: {{error}}':
--- a/src/i18n/locales/it.ts
+++ b/src/i18n/locales/it.ts
@@ -111,7 +111,7 @@ export default {
      'Una nota speciale per i client immagine che privilegiano Olas',
    'Picture note requires images': 'La nota illustrativa richiede immagini',
    Relays: 'Relays',
-    image: 'immagine',
+    Image: 'immagine',
    'R & W': 'L & S',
    Read: 'Leggi',
    Write: 'Scrivi',
@@ -318,7 +318,7 @@ export default {
    'Remove poll': 'Rimuovi sondaggio',
    'Refresh results': 'Aggiorna risultati',
    Poll: 'Sondaggio',
-    media: 'media',
+    Media: 'media',
    'Broadcast to ...': 'Trasmetti a...',
    'Successfully broadcasted to your write relays':
      'Trasmesso con successo ai tuoi relay di scrittura',
--- a/src/i18n/locales/ja.ts
+++ b/src/i18n/locales/ja.ts
@@ -111,7 +111,7 @@ export default {
      'Olas のような画像優先クライアント向けの特別なノート',
    'Picture note requires images': '画像ノートには画像が必要です',
    Relays: 'リレイ',
-    image: '画像',
+    Image: '画像',
    'R & W': '読＆書',
    Read: '読む',
    Write: '書く',
@@ -316,7 +316,7 @@ export default {
    'Remove poll': '投票を削除',
    'Refresh results': '結果を更新',
    Poll: '投票',
-    media: 'メディア',
+    Media: 'メディア',
    'Broadcast to ...': 'ブロードキャスト先...',
    'Successfully broadcasted to your write relays': '書きリレイへのブロードキャストが成功しました',
    'Failed to broadcast to your write relays: {{error}}':
--- a/src/i18n/locales/ko.ts
+++ b/src/i18n/locales/ko.ts
@@ -110,7 +110,7 @@ export default {
      'Olas와 같은 사진 우선 클라이언트에서 표시되는 특별한 노트',
    'Picture note requires images': '사진 노트에는 이미지가 필요합니다',
    Relays: '릴레이',
-    image: '이미지',
+    Image: '이미지',
    Normal: '일반',
    'R & W': '읽기/쓰기',
    Read: '읽기 전용',
@@ -316,7 +316,7 @@ export default {
    'Remove poll': '투표 제거',
    'Refresh results': '결과 새로 고침',
    Poll: '투표',
-    media: '미디어',
+    Media: '미디어',
    'Broadcast to ...': '브로드캐스트 대상...',
    'Successfully broadcasted to your write relays': '쓰기 릴레이로 브로드캐스트에 성공했습니다',
    'Failed to broadcast to your write relays: {{error}}':
--- a/src/i18n/locales/pl.ts
+++ b/src/i18n/locales/pl.ts
@@ -110,7 +110,7 @@ export default {
      'Publikacja ze zdjęciami i opisem dla klientów takich jak Olas',
    'Picture note requires images': 'Wpis graficzny wymaga obrazów',
    Relays: 'Transmitery',
-    image: 'grafika',
+    Image: 'grafika',
    'R & W': 'O & Z',
    Read: 'Odczyt',
    Write: 'Zapis',
@@ -318,7 +318,7 @@ export default {
    'Remove poll': 'Usuń ankietę',
    'Refresh results': 'Odśwież wyniki',
    Poll: 'Ankieta',
-    media: 'media',
+    Media: 'media',
    'Broadcast to ...': 'Transmituj do...',
    'Successfully broadcasted to your write relays':
      'Pomyślnie transmitowano do twoich przekaźników zapisu',
--- a/src/i18n/locales/pt-BR.ts
+++ b/src/i18n/locales/pt-BR.ts
@@ -110,7 +110,7 @@ export default {
      'Uma nota especial para clientes que priorizam imagens, como Olas',
    'Picture note requires images': 'Nota de imagem requer imagens',
    Relays: 'Relés',
-    image: 'imagem',
+    Image: 'imagem',
    'R & W': 'Leitura & Escrita',
    Read: 'Leitura',
    Write: 'Escrita',
@@ -317,7 +317,7 @@ export default {
    'Remove poll': 'Remover enquete',
    'Refresh results': 'Atualizar resultados',
    Poll: 'Enquete',
-    media: 'Mídia',
+    Media: 'Mídia',
    'Broadcast to ...': 'Transmitir para...',
    'Successfully broadcasted to your write relays':
      'Transmitido com sucesso para seus relays de escrita',
--- a/src/i18n/locales/pt-PT.ts
+++ b/src/i18n/locales/pt-PT.ts
@@ -111,7 +111,7 @@ export default {
      'Uma nota especial para clientes que priorizam imagens, como Olas',
    'Picture note requires images': 'Nota de imagem requer imagens',
    Relays: 'Relés',
-    image: 'imagem',
+    Image: 'imagem',
    'R & W': 'Leitura & Escrita',
    Read: 'Ler',
    Write: 'Escrever',
@@ -318,7 +318,7 @@ export default {
    'Remove poll': 'Remover sondagem',
    'Refresh results': 'Atualizar resultados',
    Poll: 'Sondagem',
-    media: 'mídia',
+    Media: 'mídia',
    'Broadcast to ...': 'Transmitir para...',
    'Successfully broadcasted to your write relays':
      'Transmitido com sucesso para os seus relays de escrita',
--- a/src/i18n/locales/ru.ts
+++ b/src/i18n/locales/ru.ts
@@ -112,7 +112,7 @@ export default {
      'Особенная заметка для клиентов с приоритетом изображений, таких как Olas',
    'Picture note requires images': 'Заметка с изображением требует наличия изображений',
    Relays: 'Ретрансляторы',
-    image: 'изображение',
+    Image: 'изображение',
    'R & W': 'Чтение & Запись',
    Read: 'Читать',
    Write: 'Писать',
@@ -319,7 +319,7 @@ export default {
    'Remove poll': 'Удалить опрос',
    'Refresh results': 'Обновить результаты',
    Poll: 'Опрос',
-    media: 'медиа',
+    Media: 'медиа',
    'Broadcast to ...': 'Транслировать в...',
    'Successfully broadcasted to your write relays': 'Успешно транслировано в ваши релеи записи',
    'Failed to broadcast to your write relays: {{error}}':
--- a/src/i18n/locales/th.ts
+++ b/src/i18n/locales/th.ts
@@ -110,7 +110,7 @@ export default {
      'หมายเหตุพิเศษสำหรับไคลเอนต์ที่เน้นรูปภาพเช่น Olas',
    'Picture note requires images': 'โน้ตรูปภาพต้องมีรูปภาพ',
    Relays: 'รีเลย์',
-    image: 'รูปภาพ',
+    Image: 'รูปภาพ',
    'R & W': 'อ่าน & เขียน',
    Read: 'อ่าน',
    Write: 'เขียน',
@@ -313,7 +313,7 @@ export default {
    'Remove poll': 'ลบโพลล์',
    'Refresh results': 'รีเฟรชผลลัพธ์',
    Poll: 'โพลล์',
-    media: 'สื่อ',
+    Media: 'สื่อ',
    'Broadcast to ...': 'ส่งสัญญาณไปยัง...',
    'Successfully broadcasted to your write relays': 'ส่งสัญญาณไปยังรีเลย์การเขียนของคุณสำเร็จแล้ว',
    'Failed to broadcast to your write relays: {{error}}':
--- a/src/i18n/locales/zh.ts
+++ b/src/i18n/locales/zh.ts
@@ -109,7 +109,7 @@ export default {
      '一种可以在图片优先客户端 (如 Olas) 中显示的特殊笔记',
    'Picture note requires images': '图片笔记需要有图片',
    Relays: '服务器',
-    image: '图片',
+    Image: '图片',
    Normal: '普通',
    'R & W': '读写',
    Read: '只读',
@@ -314,7 +314,7 @@ export default {
    'Remove poll': '移除投票',
    'Refresh results': '刷新结果',
    Poll: '投票',
-    media: '媒体',
+    Media: '媒体',
    'Broadcast to ...': '广播到...',
    'Successfully broadcasted to your write relays': '成功广播到您的写服务器',
    'Failed to broadcast to your write relays: {{error}}': '广播到您的写服务器失败：{{error}}',