browsing through upload request

resources/js/views/UploadRequest.vue

@@ -22,8 +22,8 @@
             @contextmenu.prevent.capture="contextMenu($event, undefined)"
             class="transition-transform duration-200 lg:grid lg:flex-grow lg:content-start lg:px-3.5"
         >
-            <DesktopUploadRequestToolbar v-if="entries.length" />
-            <MobileUploadRequestToolBar v-if="entries.length" />
+            <DesktopUploadRequestToolbar v-if="uploadRequest && uploadRequest.data.attributes.status === 'filling'" />
+            <MobileUploadRequestToolBar v-if="uploadRequest && uploadRequest.data.attributes.status === 'filling'" />
 
             <!--Google Adsense banner-->
             <div v-if="config.allowedAdsense" v-html="config.adsenseBanner01" class="mb-5 min-h-[120px]"></div>
@@ -32,7 +32,7 @@
             <div class="flex space-x-3 lg:overflow-hidden">
                 <router-view id="file-view" class="relative w-full" :key="$route.fullPath" />
 
-                <InfoSidebarUploadRequest v-if="entries.length && isVisibleSidebar" />
+                <InfoSidebarUploadRequest v-if="uploadRequest && uploadRequest.data.attributes.status === 'filling' && isVisibleSidebar" />
             </div>
         </div>
     </div>
@@ -73,7 +73,7 @@ export default {
         DragUI,
     },
     computed: {
-        ...mapGetters(['isVisibleSidebar', 'config', 'entries']),
+        ...mapGetters(['isVisibleSidebar', 'config', 'uploadRequest']),
     },
     data() {
         return {
@@ -94,6 +94,13 @@ export default {
 			if (data.operation === 'close-upload-request')
 				this.$store.dispatch('closeUploadRequest')
 		})
-    },
+
+		this.$store.dispatch('getUploadRequestDetail')
+			.then((response) => {
+				if (! this.$route.params.id && response.data.data.attributes.status === 'filling') {
+					this.$store.dispatch('getUploadRequestFolder')
+				}
+			})
+	},
 }
 </script>