Use users displayname

Signed-off-by: Jonas Rittershofer <jotoeri@users.noreply.github.com>

src/components/Results/Submission.vue

@@ -24,7 +24,7 @@
 	<div class="section submission">
 		<div class="submission-head">
 			<h3>
-				{{ t('forms', 'Response by {userDisplayName}', { userDisplayName }) }}
+				{{ t('forms', 'Response by {userDisplayName}', { userDisplayName: submission.userDisplayName }) }}
 			</h3>
 			<Actions class="submission-menu" :force-menu="true">
 				<ActionButton icon="icon-delete" @click="onDelete">
@@ -72,9 +72,6 @@ export default {
 	},
 
 	computed: {
-		userDisplayName() {
-			return this.submission.userId
-		},
 		submissionDateTime() {
 			return moment(this.submission.timestamp, 'X').format('LLLL')
 		},

src/views/Results.vue

@@ -194,7 +194,7 @@ export default {
 			const formattedSubmissions = []
 			this.submissions.forEach(submission => {
 				const formattedSubmission = {
-					userId: submission.userId,
+					userDisplayName: submission.userDisplayName,
 					timestamp: moment(submission.timestamp, 'X').format('L LT'),
 				}