From cf8a67a7a55046e9543e4d3f6f15783a9bc83022 Mon Sep 17 00:00:00 2001 From: Elias Nahum Date: Wed, 15 Jul 2020 15:20:47 -0400 Subject: [PATCH] MM-26946 Handle invalid YouTube links (#4571) * Handle invalid YouTube links * Fallback to default thumbnail --- .../post_body_additional_content.js | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/app/components/post_body_additional_content/post_body_additional_content.js b/app/components/post_body_additional_content/post_body_additional_content.js index 6143bbe0c..e104b4306 100644 --- a/app/components/post_body_additional_content/post_body_additional_content.js +++ b/app/components/post_body_additional_content/post_body_additional_content.js @@ -391,7 +391,16 @@ export default class PostBodyAdditionalContent extends ImageViewPort { getViewPortWidth(this.props.isReplyPost, this.hasPermanentSidebar()), ); - const imgUrl = Object.keys(this.props.metadata.images)[0] || `https://i.ytimg.com/vi/${videoId}/hqdefault.jpg`; + let imgUrl; + if (this.props.metadata?.images) { + imgUrl = Object.keys(this.props.metadata.images)[0]; + } + + if (!imgUrl) { + // Fallback to default YouTube thumbnail if available + imgUrl = `https://i.ytimg.com/vi/${videoId}/hqdefault.jpg`; + } + return (