From d25ae081d5ac35c19ae20d24e99729d6dfd2c85a Mon Sep 17 00:00:00 2001
From: Varun Patil <varunpatil@ucla.edu>
Date: Fri, 28 Oct 2022 11:26:26 -0700
Subject: [PATCH] Show owner name in shared album add

---
 src/components/modal/AlbumPicker.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/modal/AlbumPicker.vue b/src/components/modal/AlbumPicker.vue
index 800936e7..604be79c 100644
--- a/src/components/modal/AlbumPicker.vue
+++ b/src/components/modal/AlbumPicker.vue
@@ -25,10 +25,10 @@
 
 		<ul class="albums-container">
 			<NcListItem v-for="album in albums"
-				:key="album.name"
+				:key="album.album_id"
 				class="album"
-				:title="album.name"
-				:aria-label="t('photos', 'Add selection to album {albumName}', {albumName: album.name})"
+				:title="getAlbumName(album)"
+				:aria-label="t('photos', 'Add selection to album {albumName}', {albumName: getAlbumName(album)})"
 				@click="pickAlbum(album)">
 				<template slot="icon">
 					<img v-if="album.last_added_photo !== -1" class="album__image" :src="album.last_added_photo | toCoverUrl">
@@ -66,6 +66,7 @@
 <script lang="ts">
 import { Component, Emit, Mixins } from 'vue-property-decorator';
 import GlobalMixin from '../../mixins/GlobalMixin';
+import { getCurrentUser } from '@nextcloud/auth';
 
 import AlbumForm from './AlbumForm.vue'
 import Plus from 'vue-material-design-icons/Plus.vue'
@@ -105,6 +106,13 @@ export default class AlbumPicker extends Mixins(GlobalMixin) {
         this.loadAlbums();
     }
 
+	getAlbumName(album: IAlbum) {
+		if (album.user === getCurrentUser()?.uid) {
+			return album.name
+		}
+		return `${album.name} (${album.user})`
+	}
+
     async loadAlbums() {
         try {
             const res = await axios.get<IAlbum[]>(generateUrl('/apps/memories/api/albums?t=3'));