Photos can be set as primary from front-end

Client/src/app/components/members/photo-editor/photo-editor.component.html

@@ -2,7 +2,12 @@
   <div class="col-sm-2" *ngFor="let photo of photos">
     <img src="{{photo.url}}" class="img-thumbnail p-1" alt="" />
     <div class="text-center">
-      <button type="button" class="btn btn-xs btn-primary">Main</button>
+      <button type="button"
+              class="btn btn-xs btn-primary mr-1"
+              (click)="setMainPhoto(photo)"
+              [ngClass]="photo.isMain ? 'btn-success active' : 'btn-secondary'"
+              [disabled]="photo.isMain">Main</button>
+
       <button type="button" class="btn btn-xs btn-danger"><i class="fa fa-trash-o"></i></button>
     </div>
   </div>

Client/src/app/components/members/photo-editor/photo-editor.component.ts

@@ -3,6 +3,8 @@ import { FileUploader } from 'ng2-file-upload';
 import { Photo } from 'src/app/models/photo';
 import { environment } from 'src/environments/environment';
 import { AuthService } from 'src/app/services/auth.service';
+import { UserService } from 'src/app/services/user.service';
+import { AlertifyService } from 'src/app/services/alertify.service';
 
 
 @Component({
@@ -17,7 +19,7 @@ export class PhotoEditorComponent implements OnInit {
   hasBaseDropZoneOver: boolean = false;
   private usersUrl = '/api/users/';
 
-  constructor(private authService: AuthService) { }
+  constructor(private authService: AuthService, private userService: UserService, private alertify: AlertifyService) { }
 
   ngOnInit() {
     this.initializeUploader();
@@ -56,4 +58,14 @@ export class PhotoEditorComponent implements OnInit {
     }
   }
 
+  setMainPhoto(photo: Photo) {
+    const userId = this.authService.decodedToken.nameid;
+    this.userService.setMainPhoto(userId, photo.id)
+      .subscribe(() => {
+        console.log("Photo set to main");
+      }, error => {
+        this.alertify.error(error);
+      })
+  }
+
 }

Client/src/app/services/user.service.ts

@@ -23,4 +23,8 @@ export class UserService {
   updateUser(id: number, user: User) {
     return this.http.put(`${this.usersUrl}${id}`, user);
   }
+
+  setMainPhoto(userId: number, photoId: number) {
+    return this.http.post(`${this.usersUrl}${userId}/photos/${photoId}/setMain`, {});
+  }
 }

Controllers/PhotosController.cs

@@ -128,7 +128,7 @@ public async Task<ActionResult> SetMainPhoto(int userId, int photoId)
             }
 
             var mainPhoto = await _repo.GetMainPhoto(userId);
-            if (mainPhoto == null)
+            if (mainPhoto != null)
             {
                 mainPhoto.IsMain = false;
             }

Data/FriendRepository.cs

@@ -42,7 +42,7 @@ public async Task<Photo> GetPhoto(int photoId)
 
         public async Task<Photo> GetMainPhoto(int userId)
         {
-           return await _context.Photos.Where(x => x.Id == userId)
+           return await _context.Photos.Where(x => x.UserId == userId)
                 .FirstOrDefaultAsync(x => x.IsMain);
         }