From 295c6e179ec0f14a10303e01fb6e5b5ef969db79 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sat, 21 Mar 2020 17:38:44 +0300
Subject: feat: add github avatars to users

---
 src/components/GithubAvatar/GithubAvatar.tsx | 35 ++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/components/GithubAvatar/GithubAvatar.tsx

(limited to 'src/components/GithubAvatar')

diff --git a/src/components/GithubAvatar/GithubAvatar.tsx b/src/components/GithubAvatar/GithubAvatar.tsx
new file mode 100644
index 0000000..6aab28e
--- /dev/null
+++ b/src/components/GithubAvatar/GithubAvatar.tsx
@@ -0,0 +1,35 @@
+import React from 'react';
+
+import {
+  Avatar,
+  Link,
+} from '@material-ui/core';
+
+interface PropTypes {
+  username: string;
+}
+
+const GithubAvatar: React.FC<PropTypes> = ({ username }) => {
+  if (username === 'anonymous') return <Avatar/>;
+
+  const githubUrl = `https://github.com/${username}`;
+  const avatarUrl = githubUrl + '.png';
+  const usernameTokens = username.split(/[ ,.\-_#@;]/g);
+  const altText = (
+    (usernameTokens.length > 1)?
+      (usernameTokens[0][0] + usernameTokens[1][0])
+    :
+      usernameTokens[0][0]
+  ).toUpperCase()
+
+  return (
+    <Link href={githubUrl}>
+      <Avatar>
+        <img src={avatarUrl} alt={altText} />
+      </Avatar>
+    </Link>
+  )
+};
+
+export default GithubAvatar;
+
-- 
cgit v1.2.3