Initial commit

resources/js/Shared/Overlay/ModalFeedMedia.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="col-span-7 modal-media">
+    <component
+      :title="title"
+      :feed_id="feed_id"
+      :preview="preview"
+      :medias="medias"
+      :is="currentModalMedia"
+    ></component>
+  </div>
+</template>
+
+<script>
+import ModalFeedMediaImages from "@/Shared/Overlay/ModalFeedMediaImages";
+import ModalFeedMediaVideos from "@/Shared/Overlay/ModalFeedMediaVideos";
+import ModalFeedMediaMusics from "@/Shared/Overlay/ModalFeedMediaMusics";
+export default {
+  components: {
+    ModalFeedMediaImages,
+    ModalFeedMediaVideos,
+    ModalFeedMediaMusics,
+  },
+  props: {
+    medias: Array,
+    type: String,
+    feed_id: Number,
+    title: String,
+    preview: String,
+  },
+  computed: {
+    currentModalMedia() {
+      return "modal-feed-media-" + this.type.toLowerCase();
+    },
+  },
+  methods: {},
+};
+</script>