From 5f4f793232aacefa880c520752354ca4d015166d Mon Sep 17 00:00:00 2001
From: Bnyro <bnyro@tutanota.com>
Date: Mon, 7 Aug 2023 17:43:48 +0200
Subject: [PATCH] feat: support for video metainfo

---
 src/components/WatchVideo.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index 6628030fa9..c27c21f725 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -144,7 +144,19 @@
                 </div>
             </div>
 
-            <hr />
+            <hr class="mb-2" />
+
+            <div
+                v-for="metaInfo in video?.metaInfo ?? []"
+                :key="metaInfo.title"
+                class="btn px-4 py-2 flex flex-wrap gap-2 my-3 cursor-default"
+            >
+                <span>{{ metaInfo.description ?? metaInfo.title }}</span>
+                <a v-for="(link, linkIndex) in metaInfo.urls" :key="linkIndex" :href="link" class="underline">{{
+                    metaInfo.urlTexts[linkIndex]
+                }}</a>
+                <br />
+            </div>
 
             <button
                 v-t="`actions.${showDesc ? 'minimize_description' : 'show_description'}`"
@@ -158,9 +170,10 @@
             </span>
 
             <!-- eslint-disable-next-line vue/no-v-html -->
-            <div v-show="showDesc" class="break-words description" v-html="purifiedDescription" />
             <template v-if="showDesc">
+                <div class="break-words description" v-html="purifiedDescription" />
                 <br />
+
                 <div
                     v-if="sponsors && sponsors.segments"
                     v-text="`${$t('video.sponsor_segments')}: ${sponsors.segments.length}`"