From 5623701642ce00ee0b3112cc62a6d1058057c312 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Wed, 17 Jul 2019 21:04:00 -0600
Subject: [PATCH] Update Profile.vue component

---
 resources/assets/js/components/Profile.vue | 24 +++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/resources/assets/js/components/Profile.vue b/resources/assets/js/components/Profile.vue
index a75f065d0..74bebe9f7 100644
--- a/resources/assets/js/components/Profile.vue
+++ b/resources/assets/js/components/Profile.vue
@@ -328,9 +328,21 @@
 						</div>
 					</div>
 					<div class="col-12" v-if="mode == 'collections'">
-						<div class="py-5 text-center text-muted">
-							<p><i class="fas fa-images fa-2x"></i></p>
-							<p class="h2 font-weight-light pt-3">You have no collections</p>
+						<div v-if="collections.length" class="row">
+							<div class="col-4 p-0 p-sm-2 p-md-3 p-xs-1" v-for="(c, index) in collections">
+								<a class="card info-overlay card-md-border-0" :href="c.url">
+									<div class="square">
+										<div class="square-content" v-bind:style="'background-image: url(' + c.thumb + ');'">
+										</div>
+									</div>
+								</a>
+							</div>
+						</div>
+						<div v-else>
+							<div class="py-5 text-center text-muted">
+								<p><i class="fas fa-images fa-2x"></i></p>
+								<p class="h2 font-weight-light pt-3">No collections yet</p>
+							</div>
 						</div>
 					</div>
 				</div>
@@ -705,6 +717,12 @@
 						this.bookmarks = res.data
 					});
 				}
+				if(this.mode == 'collections' && this.collections.length == 0) {
+					axios.get('/api/local/profile/collections/' + this.profileId)
+					.then(res => {
+						this.collections = res.data
+					});
+				}
 			},
 
 			reportProfile() {