diff --git a/angular/src/pipes/user-name.pipe.ts b/angular/src/pipes/user-name.pipe.ts
new file mode 100644
index 0000000000..43397528d6
--- /dev/null
+++ b/angular/src/pipes/user-name.pipe.ts
@@ -0,0 +1,22 @@
+import {
+    Pipe,
+    PipeTransform,
+} from '@angular/core';
+
+interface User {
+    name?: string;
+    email: string;
+}
+
+@Pipe({
+    name: 'userName',
+})
+export class UserNamePipe implements PipeTransform {
+    transform(user?: User): string {
+        if (user == null) {
+            return null;
+        }
+
+        return user.name == null || user.name.trim() === '' ? user.email : user.name;
+    }
+}