From 245a6313b2ad56c71a3c5ef1d5a96dab6776efac Mon Sep 17 00:00:00 2001
From: Lukas Schaefer <lukas@lschaefer.xyz>
Date: Thu, 12 Jun 2025 12:07:04 -0400
Subject: [PATCH] fix: hard to translate portions

Signed-off-by: Lukas Schaefer <lukas@lschaefer.xyz>
---
 src/components/Info.vue | 36 +++++++++---------------------------
 1 file changed, 9 insertions(+), 27 deletions(-)

diff --git a/src/components/Info.vue b/src/components/Info.vue
index a4b67753..dae44cb5 100644
--- a/src/components/Info.vue
+++ b/src/components/Info.vue
@@ -26,11 +26,6 @@
 			<span v-if="userId && timestamp"
 				class="details">
 				<strong>{{ approvedByText }}</strong>
-				<NcUserBubble
-					class="user-bubble"
-					:user="userId"
-					:display-name="notMe ? userName : you"
-					:size="24" />
 				{{ relativeTime }}
 			</span>
 			<span v-else>{{ approvedText }}</span>
@@ -41,11 +36,6 @@
 			<span v-if="userId && timestamp"
 				class="details">
 				<strong>{{ rejectedByText }}</strong>
-				<NcUserBubble
-					class="user-bubble"
-					:user="userId"
-					:display-name="notMe ? userName : you"
-					:size="24" />
 				{{ relativeTime }}
 			</span>
 			<span v-else>{{ rejectedText }}</span>
@@ -56,11 +46,6 @@
 			<span v-if="userId && timestamp"
 				class="details">
 				<strong>{{ requestedByText }}</strong>
-				<NcUserBubble
-					class="user-bubble"
-					:user="userId"
-					:display-name="notMe ? userName : you"
-					:size="24" />
 				{{ relativeTime }}
 			</span>
 			<span v-else>{{ pendingTextWithTime }}</span>
@@ -143,22 +128,10 @@ export default {
 			type: String,
 			default: t('approval', 'Approved'),
 		},
-		approvedByText: {
-			type: String,
-			default: t('approval', 'Approved by'),
-		},
 		rejectedText: {
 			type: String,
 			default: t('approval', 'Rejected'),
 		},
-		rejectedByText: {
-			type: String,
-			default: t('approval', 'Rejected by'),
-		},
-		requestedByText: {
-			type: String,
-			default: t('approval', 'Approval requested by'),
-		},
 		pendingText: {
 			type: String,
 			default: t('approval', 'Approval requested'),
@@ -217,6 +190,15 @@ export default {
 			}
 			return ''
 		},
+		approvedByText() {
+			return t('approval', 'Approved by {user}', { user: this.notMe ? this.userName : this.you })
+		},
+		rejectedByText() {
+			return t('approval', 'Rejected by {user}', { user: this.notMe ? this.userName : this.you })
+		},
+		requestedByText() {
+			return t('approval', 'Approval requested by {user}', { user: this.notMe ? this.userName : this.you })
+		},
 	},
 
 	watch: {