External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(post): add support for static GIFs

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2024-07-20 16:25:20 +02:00
parent b3f0b04e43
commit 7253e4d1a0
39 changed files with 134 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/translations/ar/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "تعريف الرمز", "token_id": "تعريف الرمز",
"nsfw_boards": "المجالس المخلة بالأدب", "nsfw_boards": "المجالس المخلة بالأدب",
"hide_gore_boards": "إخفاء لوحات الجور", "hide_gore_boards": "إخفاء لوحات الجور",
"hide_adult_boards": "إخفاء لوحات الكبار" "hide_adult_boards": "إخفاء لوحات الكبار",
"static_gif": "GIF ثابت",
"animated_gif": "GIF متحرك"
} }
public/translations/bn/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "টোকেন আইডি", "token_id": "টোকেন আইডি",
"nsfw_boards": "এনএসএফডব্লিউ বোর্ডস", "nsfw_boards": "এনএসএফডব্লিউ বোর্ডস",
"hide_gore_boards": "গর বোর্ডস লুকান", "hide_gore_boards": "গর বোর্ডস লুকান",
"hide_adult_boards": "পুরুষ বোর্ডস লুকান" "hide_adult_boards": "পুরুষ বোর্ডস লুকান",
"static_gif": "স্ট্যাটিক GIF",
"animated_gif": "অ্যানিমেটেড GIF"
} }
public/translations/cs/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "Token ID", "token_id": "Token ID",
"nsfw_boards": "NSFW desky", "nsfw_boards": "NSFW desky",
"hide_gore_boards": "Skrýt gore desky", "hide_gore_boards": "Skrýt gore desky",
"hide_adult_boards": "Skrýt dospělé desky" "hide_adult_boards": "Skrýt dospělé desky",
"static_gif": "Statický GIF",
"animated_gif": "Animovaný GIF"
} }
public/translations/da/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "Token ID", "token_id": "Token ID",
"nsfw_boards": "NSFW boards", "nsfw_boards": "NSFW boards",
"hide_gore_boards": "Skjul Gore Boards", "hide_gore_boards": "Skjul Gore Boards",
"hide_adult_boards": "Skjul Voksne Boards" "hide_adult_boards": "Skjul Voksne Boards",
"static_gif": "Statisk GIF",
"animated_gif": "Animeret GIF"
} }
public/translations/de/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "Token-ID", "token_id": "Token-ID",
"nsfw_boards": "NSFW-Boards", "nsfw_boards": "NSFW-Boards",
"hide_gore_boards": "Gore-Boards ausblenden", "hide_gore_boards": "Gore-Boards ausblenden",
"hide_adult_boards": "Erwachsenen-Boards ausblenden" "hide_adult_boards": "Erwachsenen-Boards ausblenden",
"static_gif": "Statisches GIF",
"animated_gif": "Animiertes GIF"
} }
public/translations/el/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "Token ID", "token_id": "Token ID",
"nsfw_boards": "Πινακίδες NSFW", "nsfw_boards": "Πινακίδες NSFW",
"hide_gore_boards": "Απόκρυψη των Gore Boards", "hide_gore_boards": "Απόκρυψη των Gore Boards",
"hide_adult_boards": "Απόκρυψη των Adult Boards" "hide_adult_boards": "Απόκρυψη των Adult Boards",
"static_gif": "Στατικό GIF",
"animated_gif": "Κινούμενο GIF"
} }
public/translations/en/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "token id", "token_id": "token id",
"nsfw_boards": "NSFW Boards", "nsfw_boards": "NSFW Boards",
"hide_gore_boards": "Hide Gore Boards", "hide_gore_boards": "Hide Gore Boards",
"hide_adult_boards": "Hide Adult Boards" "hide_adult_boards": "Hide Adult Boards",
"static_gif": "Static GIF",
"animated_gif": "Animated GIF"
} }
public/translations/es/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "ID de token", "token_id": "ID de token",
"nsfw_boards": "Tableros NSFW", "nsfw_boards": "Tableros NSFW",
"hide_gore_boards": "Ocultar tableros de gore", "hide_gore_boards": "Ocultar tableros de gore",
"hide_adult_boards": "Ocultar tableros para adultos" "hide_adult_boards": "Ocultar tableros para adultos",
"static_gif": "GIF Estático",
"animated_gif": "GIF Animado"
} }
public/translations/fa/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "شناسه توکن", "token_id": "شناسه توکن",
"nsfw_boards": "بوردهای NSFW", "nsfw_boards": "بوردهای NSFW",
"hide_gore_boards": "پنهان کردن تخته های گور", "hide_gore_boards": "پنهان کردن تخته های گور",
"hide_adult_boards": "پنهان کردن تخته های بزرگسالان" "hide_adult_boards": "پنهان کردن تخته های بزرگسالان",
"static_gif": "GIF ثابت",
"animated_gif": "GIF متحرک"
} }
public/translations/fi/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "Token-id", "token_id": "Token-id",
"nsfw_boards": "NSFW-laudat", "nsfw_boards": "NSFW-laudat",
"hide_gore_boards": "Piilota Gore-laudat", "hide_gore_boards": "Piilota Gore-laudat",
"hide_adult_boards": "Piilota Aikuisten lautat" "hide_adult_boards": "Piilota Aikuisten lautat",
"static_gif": "Staattinen GIF",
"animated_gif": "Animoitu GIF"
} }
public/translations/fil/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "Token ID", "token_id": "Token ID",
"nsfw_boards": "Mga NSFW Boards", "nsfw_boards": "Mga NSFW Boards",
"hide_gore_boards": "Itago ang mga Gore Boards", "hide_gore_boards": "Itago ang mga Gore Boards",
"hide_adult_boards": "Itago ang mga Adult Boards" "hide_adult_boards": "Itago ang mga Adult Boards",
"static_gif": "Static GIF",
"animated_gif": "Animated GIF"
} }
public/translations/fr/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "Identifiant de jeton", "token_id": "Identifiant de jeton",
"nsfw_boards": "Planches NSFW", "nsfw_boards": "Planches NSFW",
"hide_gore_boards": "Masquer les tableaux Gore", "hide_gore_boards": "Masquer les tableaux Gore",
"hide_adult_boards": "Masquer les tableaux pour adultes" "hide_adult_boards": "Masquer les tableaux pour adultes",
"static_gif": "GIF Statique",
"animated_gif": "GIF Animé"
} }
public/translations/he/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "מזהה טוקן", "token_id": "מזהה טוקן",
"nsfw_boards": "גלריות NSFW", "nsfw_boards": "גלריות NSFW",
"hide_gore_boards": "הסתר לוחות Gore", "hide_gore_boards": "הסתר לוחות Gore",
"hide_adult_boards": "הסתר לוחות המבוגרים" "hide_adult_boards": "הסתר לוחות המבוגרים",
"static_gif": "GIF סטטי",
"animated_gif": "GIF מונפש"
} }
public/translations/hi/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "टोकन आईडी", "token_id": "टोकन आईडी",
"nsfw_boards": "एनएसएफडब्ल्यू बोर्ड्स", "nsfw_boards": "एनएसएफडब्ल्यू बोर्ड्स",
"hide_gore_boards": "गोर बोर्ड्स छिपाएं", "hide_gore_boards": "गोर बोर्ड्स छिपाएं",
"hide_adult_boards": "वयस्क बोर्ड्स छिपाएं" "hide_adult_boards": "वयस्क बोर्ड्स छिपाएं",
"static_gif": "स्थिर GIF",
"animated_gif": "एनिमेटेड GIF"
} }
public/translations/hu/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "Token azonosító", "token_id": "Token azonosító",
"nsfw_boards": "NSFW táblák", "nsfw_boards": "NSFW táblák",
"hide_gore_boards": "Gore táblák elrejtése", "hide_gore_boards": "Gore táblák elrejtése",
"hide_adult_boards": "Felnőtt táblák elrejtése" "hide_adult_boards": "Felnőtt táblák elrejtése",
"static_gif": "Statikus GIF",
"animated_gif": "Animált GIF"
} }
public/translations/id/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "ID token", "token_id": "ID token",
"nsfw_boards": "Papan NSFW", "nsfw_boards": "Papan NSFW",
"hide_gore_boards": "Sembunyikan Papan Gore", "hide_gore_boards": "Sembunyikan Papan Gore",
"hide_adult_boards": "Sembunyikan Papan Dewasa" "hide_adult_boards": "Sembunyikan Papan Dewasa",
"static_gif": "GIF Statis",
"animated_gif": "GIF Animasi"
} }
public/translations/it/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "token id", "token_id": "token id",
"nsfw_boards": "Bache NSFW", "nsfw_boards": "Bache NSFW",
"hide_gore_boards": "Nascondi tavole Gore", "hide_gore_boards": "Nascondi tavole Gore",
"hide_adult_boards": "Nascondi tavole per adulti" "hide_adult_boards": "Nascondi tavole per adulti",
"static_gif": "GIF Statica",
"animated_gif": "GIF Animata"
} }
public/translations/ja/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "トークンID", "token_id": "トークンID",
"nsfw_boards": "NSFWボード", "nsfw_boards": "NSFWボード",
"hide_gore_boards": "ゴアボードを非表示にする", "hide_gore_boards": "ゴアボードを非表示にする",
"hide_adult_boards": "アダルトボードを非表示にする" "hide_adult_boards": "アダルトボードを非表示にする",
"static_gif": "静的GIF",
"animated_gif": "アニメーションGIF"
} }
public/translations/ko/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "토큰 ID", "token_id": "토큰 ID",
"nsfw_boards": "NSFW 게시판", "nsfw_boards": "NSFW 게시판",
"hide_gore_boards": "고어 게시판 숨기기", "hide_gore_boards": "고어 게시판 숨기기",
"hide_adult_boards": "성인 게시판 숨기기" "hide_adult_boards": "성인 게시판 숨기기",
"static_gif": "정적 GIF",
"animated_gif": "애니메이션 GIF"
} }
public/translations/mr/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "टोकन आयडी", "token_id": "टोकन आयडी",
"nsfw_boards": "NSFW बोर्ड्स", "nsfw_boards": "NSFW बोर्ड्स",
"hide_gore_boards": "गोर बोर्ड्स लपवा", "hide_gore_boards": "गोर बोर्ड्स लपवा",
"hide_adult_boards": "वयस्क बोर्ड्स लपवा" "hide_adult_boards": "वयस्क बोर्ड्स लपवा",
"static_gif": "स्थिर GIF",
"animated_gif": "एनिमेटेड GIF"
} }
public/translations/nl/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "Token-ID", "token_id": "Token-ID",
"nsfw_boards": "NSFW-boards", "nsfw_boards": "NSFW-boards",
"hide_gore_boards": "Gore Boards verbergen", "hide_gore_boards": "Gore Boards verbergen",
"hide_adult_boards": "Volwassenen Boards verbergen" "hide_adult_boards": "Volwassenen Boards verbergen",
"static_gif": "Statische GIF",
"animated_gif": "Geanimeerde GIF"
} }
public/translations/no/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "Token ID", "token_id": "Token ID",
"nsfw_boards": "NSFW-boards", "nsfw_boards": "NSFW-boards",
"hide_gore_boards": "Skjul Gore Boards", "hide_gore_boards": "Skjul Gore Boards",
"hide_adult_boards": "Skjul voksne Boards" "hide_adult_boards": "Skjul voksne Boards",
"static_gif": "Statisk GIF",
"animated_gif": "Animasjons GIF"
} }
public/translations/pl/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "Identyfikator tokena", "token_id": "Identyfikator tokena",
"nsfw_boards": "Deski NSFW", "nsfw_boards": "Deski NSFW",
"hide_gore_boards": "Ukryj Gore Boards", "hide_gore_boards": "Ukryj Gore Boards",
"hide_adult_boards": "Ukryj Adult Boards" "hide_adult_boards": "Ukryj Adult Boards",
"static_gif": "Statyczny GIF",
"animated_gif": "Animowany GIF"
} }
public/translations/pt/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "ID do token", "token_id": "ID do token",
"nsfw_boards": "Quadros NSFW", "nsfw_boards": "Quadros NSFW",
"hide_gore_boards": "Ocultar Quadros Gore", "hide_gore_boards": "Ocultar Quadros Gore",
"hide_adult_boards": "Ocultar Quadros para Adultos" "hide_adult_boards": "Ocultar Quadros para Adultos",
"static_gif": "GIF Estático",
"animated_gif": "GIF Animado"
} }
public/translations/ro/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "ID token", "token_id": "ID token",
"nsfw_boards": "Plăci NSFW", "nsfw_boards": "Plăci NSFW",
"hide_gore_boards": "Ascundeți tablourile Gore", "hide_gore_boards": "Ascundeți tablourile Gore",
"hide_adult_boards": "Ascundeți tablourile pentru adulți" "hide_adult_boards": "Ascundeți tablourile pentru adulți",
"static_gif": "GIF Static",
"animated_gif": "GIF Animat"
} }
public/translations/ru/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "Идентификатор токена", "token_id": "Идентификатор токена",
"nsfw_boards": "NSFW доски", "nsfw_boards": "NSFW доски",
"hide_gore_boards": "Скрыть доски Gore", "hide_gore_boards": "Скрыть доски Gore",
"hide_adult_boards": "Скрыть доски для взрослых" "hide_adult_boards": "Скрыть доски для взрослых",
"static_gif": "Статичный GIF",
"animated_gif": "Анимированный GIF"
} }
public/translations/sq/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "ID e tokenit", "token_id": "ID e tokenit",
"nsfw_boards": "Bordet NSFW", "nsfw_boards": "Bordet NSFW",
"hide_gore_boards": "Fshihet Gore Boards", "hide_gore_boards": "Fshihet Gore Boards",
"hide_adult_boards": "Fshihet Adult Boards" "hide_adult_boards": "Fshihet Adult Boards",
"static_gif": "GIF Statik",
"animated_gif": "GIF i Animuar"
} }
public/translations/sv/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "Token ID", "token_id": "Token ID",
"nsfw_boards": "NSFW-boards", "nsfw_boards": "NSFW-boards",
"hide_gore_boards": "Dölj Gore Boards", "hide_gore_boards": "Dölj Gore Boards",
"hide_adult_boards": "Dölj vuxna Boards" "hide_adult_boards": "Dölj vuxna Boards",
"static_gif": "Statisk GIF",
"animated_gif": "Animerad GIF"
} }
public/translations/te/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "టోకెన్ ఐడి", "token_id": "టోకెన్ ఐడి",
"nsfw_boards": "NSFW బోర్డ్లు", "nsfw_boards": "NSFW బోర్డ్లు",
"hide_gore_boards": "గోర్ బోర్డ్స్ దాచు", "hide_gore_boards": "గోర్ బోర్డ్స్ దాచు",
"hide_adult_boards": "పురుషులు బోర్డ్లు దాచు" "hide_adult_boards": "పురుషులు బోర్డ్లు దాచు",
"static_gif": "స్టాటిక్ GIF",
"animated_gif": "అనిమేటెడ్ GIF"
} }
public/translations/th/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "รหัสโทเค็น", "token_id": "รหัสโทเค็น",
"nsfw_boards": "กระดาน NSFW", "nsfw_boards": "กระดาน NSFW",
"hide_gore_boards": "ซ่อนกระดาน Gore", "hide_gore_boards": "ซ่อนกระดาน Gore",
"hide_adult_boards": "ซ่อนกระดานสำหรับผู้ใหญ่" "hide_adult_boards": "ซ่อนกระดานสำหรับผู้ใหญ่",
"static_gif": "GIF แบบคงที่",
"animated_gif": "GIF ที่เคลื่อนไหว"
} }
public/translations/tr/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "Token kimliği", "token_id": "Token kimliği",
"nsfw_boards": "NSFW Panoları", "nsfw_boards": "NSFW Panoları",
"hide_gore_boards": "Gore Panolarını Gizle", "hide_gore_boards": "Gore Panolarını Gizle",
"hide_adult_boards": "Yetişkin Panolarını Gizle" "hide_adult_boards": "Yetişkin Panolarını Gizle",
"static_gif": "Statik GIF",
"animated_gif": "Animasyonlu GIF"
} }
public/translations/uk/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "Ідентифікатор токена", "token_id": "Ідентифікатор токена",
"nsfw_boards": "NSFW дошки", "nsfw_boards": "NSFW дошки",
"hide_gore_boards": "Сховати дошки Gore", "hide_gore_boards": "Сховати дошки Gore",
"hide_adult_boards": "Сховати дошки для дорослих" "hide_adult_boards": "Сховати дошки для дорослих",
"static_gif": "Статичний GIF",
"animated_gif": "Анімований GIF"
} }
public/translations/ur/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "ٹوکن شناخت", "token_id": "ٹوکن شناخت",
"nsfw_boards": "این ایس ایف ڈبلیو بورڈس", "nsfw_boards": "این ایس ایف ڈبلیو بورڈس",
"hide_gore_boards": "گور بورڈز چھپائیں", "hide_gore_boards": "گور بورڈز چھپائیں",
"hide_adult_boards": "بالغ بورڈز چھپائیں" "hide_adult_boards": "بالغ بورڈز چھپائیں",
"static_gif": "اسٹیٹک GIF",
"animated_gif": "اینیمیٹڈ GIF"
} }
public/translations/vi/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "ID token", "token_id": "ID token",
"nsfw_boards": "Các bảng NSFW", "nsfw_boards": "Các bảng NSFW",
"hide_gore_boards": "Ẩn Gore Boards", "hide_gore_boards": "Ẩn Gore Boards",
"hide_adult_boards": "Ẩn Adult Boards" "hide_adult_boards": "Ẩn Adult Boards",
"static_gif": "GIF Tĩnh",
"animated_gif": "GIF Hoạt Hình"
} }
public/translations/zh/default.json
+3 -1
View File
@@ -219,5 +219,7 @@
"token_id": "令牌ID", "token_id": "令牌ID",
"nsfw_boards": "NSFW板块", "nsfw_boards": "NSFW板块",
"hide_gore_boards": "隐藏Gore板块", "hide_gore_boards": "隐藏Gore板块",
"hide_adult_boards": "隐藏成人板块" "hide_adult_boards": "隐藏成人板块",
"static_gif": "静态GIF",
"animated_gif": "动画GIF"
} }
src/components/catalog-row/catalog-row.tsx
+2 -2
View File
@@ -79,8 +79,8 @@ export const CatalogPostMedia = ({ commentMediaInfo, isOutOfFeed, linkWidth, lin
thumbnailComponent = <img src={thumbnail} alt='' onLoad={handleLoad} onError={handleError} style={loadingStyle} />; thumbnailComponent = <img src={thumbnail} alt='' onLoad={handleLoad} onError={handleError} style={loadingStyle} />;
} else if (type === 'iframe' && iframeThumbnail && !hasError) { } else if (type === 'iframe' && iframeThumbnail && !hasError) {
thumbnailComponent = <img src={iframeThumbnail} alt='' onLoad={handleLoad} onError={handleError} style={loadingStyle} />; thumbnailComponent = <img src={iframeThumbnail} alt='' onLoad={handleLoad} onError={handleError} style={loadingStyle} />;
} else if (type === 'gif' && gifFrameUrl && !hasError) { } else if (type === 'gif' && !hasError) {
thumbnailComponent = <img src={gifFrameUrl} alt='' onLoad={handleLoad} onError={handleError} style={loadingStyle} />; thumbnailComponent = <img src={gifFrameUrl || url} alt='' onLoad={handleLoad} onError={handleError} style={loadingStyle} />;
} else if (type === 'audio') { } else if (type === 'audio') {
thumbnailComponent = <audio src={url} controls />; thumbnailComponent = <audio src={url} controls />;
} }
src/components/comment-media/comment-media.tsx
+11 -1
View File
@@ -68,6 +68,8 @@ const Thumbnail = ({ commentMediaInfo, isFloatingEmbed, post, setShowThumbnail }
thumbnailComponent = iframeThumbnail ? <img src={iframeThumbnail} alt='' onClick={() => setShowThumbnail(false)} /> : null; thumbnailComponent = iframeThumbnail ? <img src={iframeThumbnail} alt='' onClick={() => setShowThumbnail(false)} /> : null;
} else if (type === 'gif' && gifFrameUrl) { } else if (type === 'gif' && gifFrameUrl) {
thumbnailComponent = <img src={gifFrameUrl} alt='' onClick={() => setShowThumbnail(false)} />; thumbnailComponent = <img src={gifFrameUrl} alt='' onClick={() => setShowThumbnail(false)} />;
} else if (type === 'gif' && !gifFrameUrl) {
thumbnailComponent = <img src={url} alt='' onClick={() => setShowThumbnail(false)} />;
} else if (type === 'audio') { } else if (type === 'audio') {
thumbnailComponent = <audio src={url} controls />; thumbnailComponent = <audio src={url} controls />;
} }
@@ -145,7 +147,15 @@ const Media = ({ commentMediaInfo, isReply, setShowThumbnail }: MediaProps) => {
const CommentMedia = ({ commentMediaInfo, isFloatingEmbed, post, showThumbnail, setShowThumbnail }: MediaProps) => { const CommentMedia = ({ commentMediaInfo, isFloatingEmbed, post, showThumbnail, setShowThumbnail }: MediaProps) => {
const { t } = useTranslation(); const { t } = useTranslation();
const isMobile = useIsMobile(); const isMobile = useIsMobile();
const { type, url } = commentMediaInfo || {}; const { url } = commentMediaInfo || {};
let type = commentMediaInfo?.type;
const gifFrameUrl = useFetchGifFirstFrame(url);
if (type === 'gif' && gifFrameUrl) {
type = 'animated gif';
} else if (type === 'gif' && !gifFrameUrl) {
type = 'static gif';
}
return ( return (
<span className={styles.content}> <span className={styles.content}>
src/components/post-desktop/post-desktop.tsx
+12 -1
View File
@@ -25,6 +25,7 @@ import Tooltip from '../tooltip';
import { PostProps } from '../../views/post/post'; import { PostProps } from '../../views/post/post';
import { create } from 'zustand'; import { create } from 'zustand';
import _ from 'lodash'; import _ from 'lodash';
import useFetchGifFirstFrame from '../../hooks/use-fetch-gif-first-frame';
interface ShowOmittedRepliesState { interface ShowOmittedRepliesState {
showOmittedReplies: Record<string, boolean>; showOmittedReplies: Record<string, boolean>;
@@ -184,7 +185,17 @@ const PostMedia = ({ post }: PostProps) => {
const { t } = useTranslation(); const { t } = useTranslation();
const { link, spoiler } = post || {}; const { link, spoiler } = post || {};
const commentMediaInfo = getCommentMediaInfo(post); const commentMediaInfo = getCommentMediaInfo(post);
const { type, url } = commentMediaInfo || {};
const { url } = commentMediaInfo || {};
let type = commentMediaInfo?.type;
const gifFrameUrl = useFetchGifFirstFrame(url);
if (type === 'gif' && gifFrameUrl !== null) {
type = 'animated gif';
} else if (type === 'gif' && gifFrameUrl === null) {
type = 'static gif';
}
const embedUrl = url && new URL(url); const embedUrl = url && new URL(url);
const hasThumbnail = getHasThumbnail(commentMediaInfo, link); const hasThumbnail = getHasThumbnail(commentMediaInfo, link);
const [showThumbnail, setShowThumbnail] = useState(true); const [showThumbnail, setShowThumbnail] = useState(true);
src/lib/utils/media-utils.ts
+4 -2
View File
@@ -15,8 +15,10 @@ export const getDisplayMediaInfoType = (type: string, t: any) => {
switch (type) { switch (type) {
case 'image': case 'image':
return t('image'); return t('image');
case 'gif': case 'animated gif':
return t('gif'); return t('animated_gif');
case 'static gif':
return t('static_gif');
case 'iframe': case 'iframe':
return t('iframe'); return t('iframe');
case 'video': case 'video':