primary image change is public

Author: supalarry

frontend/src/components/app/users/User.vue

@@ -35,6 +35,16 @@ export default {
     goBack() {
       this.$router.go(-1);
     },
+    sortImages() {
+      const userImagesLength = this.user.images.length;
+      for (let i = 0; i < userImagesLength; i += 1) {
+        if (this.user.images[i].is_primary && i !== 0) {
+          this.user.images.splice(0, 0, this.user.images[i]);
+          this.user.images.splice(i + 1, 1);
+          return;
+        }
+      }
+    },
   },
   watch: {
     async $route() {
@@ -46,6 +56,7 @@ export default {
     try {
       const userRequest = await this.$http.get(`/profile/view/${this.$route.params.id}`, { accessTokenRequired: true });
       this.user = userRequest.data.profile;
+      this.sortImages();
     } catch (error) {
       this.error = error.response.data.error.message;
     }