feat: use error component

Rule-34 · Aug 26, 2020 · 8461083 · 8461083
1 parent ceaa55c
commit 8461083
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/components/pages/posts/content/PostMedia.vue b/components/pages/posts/content/PostMedia.vue
@@ -1,5 +1,13 @@
 <template>
   <div>
+    <template v-if="showError">
+      <Error
+        :show-action="false"
+        :render-borders="false"
+        error-data="Media couln't be loaded"
+      />
+    </template>
+
     <template v-else-if="isImage">
       <!-- if media is an Image -->
       <img
@@ -38,15 +46,26 @@
       </video>
     </template>
 
+    <template v-else>
+      <Error
+        :show-action="false"
+        :render-borders="false"
+        error-data="Unknown media type"
+      />
+    </template>
   </div>
 </template>
 
 <script>
 import { mapState } from 'vuex'
 
+import Error from '~/components/utils/Error'
+
 export default {
   name: 'PostMedia',
 
+  components: { Error },
+
   props: {
     post: {
       type: Object,
@@ -58,6 +77,8 @@ export default {
 
   data() {
     return {
+      showError: false,
+
       hasMediaLoaded: false,
 
       retryLogic: {