feat: initial avatar set to first letter of firstname, first letter of lastname

c52cc46d · Danny Liu · a2bd9b86 · c52cc46d
Commit c52cc46d authored Apr 04, 2024 by Danny Liu
Hide whitespace changes
Inline Side-by-side

Showing with 4 additions and 4 deletions

src/lib/utils/index.ts src/lib/utils/index.ts +4 -4

No files found.
--- a/src/lib/utils/index.ts
+++ b/src/lib/utils/index.ts
@@ -109,10 +109,10 @@ export const generateInitialsImage = (name) => {
 	ctx.font = '40px Helvetica';
 	ctx.textAlign = 'center';
 	ctx.textBaseline = 'middle';
-	const initials = name
+	const firstNameInitial = name[0];
-		.split(' ')
+	const lastNameInitial = name.lastIndexOf(' ') > -1 ? name[name.lastIndexOf(' ') + 1] : '';
-		.map((word) => word[0])
+    const initials = `${firstNameInitial}${lastNameInitial}`.toUpperCase()
-		.join('');
 	ctx.fillText(initials.toUpperCase(), canvas.width / 2, canvas.height / 2);
 	return canvas.toDataURL();