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 ++++++++++++++++++++++++++++
 src/components/SolutionCard/SolutionCard.tsx |  9 ++-----
 2 files changed, 37 insertions(+), 7 deletions(-)
 create mode 100644 src/components/GithubAvatar/GithubAvatar.tsx

(limited to 'src/components')

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;
+
diff --git a/src/components/SolutionCard/SolutionCard.tsx b/src/components/SolutionCard/SolutionCard.tsx
index 5adbff9..7ec8888 100644
--- a/src/components/SolutionCard/SolutionCard.tsx
+++ b/src/components/SolutionCard/SolutionCard.tsx
@@ -6,7 +6,6 @@ import {
   CardHeader,
   CardContent,
   IconButton,
-  Avatar,
   Grid,
   Menu,
   MenuItem,
@@ -18,6 +17,7 @@ import TimerIcon from '@material-ui/icons/Timer';
 import MoreVertIcon from '@material-ui/icons/MoreVert';
 import DeleteIcon from '@material-ui/icons/Delete';
 
+import GithubAvatar from '../GithubAvatar/GithubAvatar';
 import { del } from '../../requests';
 
 
@@ -77,12 +77,7 @@ const SolutionCard: React.FC<PropTypes> = ({ data, removeThisCard }) => {
   return (
     <Card className={classes.root}>
       <CardHeader
-        avatar={
-          author === 'anonymous'?
-            (<Avatar/>)
-            :
-            (<Avatar>{author[0].toUpperCase()}</Avatar>)
-        }
+        avatar={<GithubAvatar username={author} />}
         title={author}
         subheader={date.toLocaleString('default', DATE_FORMAT)}
         action={
-- 
cgit v1.2.3


From 5de3d6bc92a3dce752dad2ce2acc17071383b6fa Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sat, 21 Mar 2020 17:51:01 +0300
Subject: fix: bind link to developer name

---
 src/components/GithubAvatar/GithubAvatar.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

(limited to 'src/components')

diff --git a/src/components/GithubAvatar/GithubAvatar.tsx b/src/components/GithubAvatar/GithubAvatar.tsx
index 6aab28e..5daaac1 100644
--- a/src/components/GithubAvatar/GithubAvatar.tsx
+++ b/src/components/GithubAvatar/GithubAvatar.tsx
@@ -9,11 +9,14 @@ interface PropTypes {
   username: string;
 }
 
+const githubUrl = 'https://github.com/';
+const getUserGithubUrl = (username: string) => githubUrl + username;
+
 const GithubAvatar: React.FC<PropTypes> = ({ username }) => {
   if (username === 'anonymous') return <Avatar/>;
 
-  const githubUrl = `https://github.com/${username}`;
-  const avatarUrl = githubUrl + '.png';
+  const userGithubUrl = getUserGithubUrl(username);
+  const avatarUrl = userGithubUrl + '.png';
   const usernameTokens = username.split(/[ ,.\-_#@;]/g);
   const altText = (
     (usernameTokens.length > 1)?
@@ -23,7 +26,7 @@ const GithubAvatar: React.FC<PropTypes> = ({ username }) => {
   ).toUpperCase()
 
   return (
-    <Link href={githubUrl}>
+    <Link href={userGithubUrl}>
       <Avatar>
         <img src={avatarUrl} alt={altText} />
       </Avatar>
@@ -31,5 +34,6 @@ const GithubAvatar: React.FC<PropTypes> = ({ username }) => {
   )
 };
 
+export { getUserGithubUrl };
 export default GithubAvatar;
 
-- 
cgit v1.2.3


From c708ed105c580ed23bf27b6b5ed1e312ed139f57 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sat, 21 Mar 2020 17:59:30 +0300
Subject: fix: add missing return type

---
 src/components/GithubAvatar/GithubAvatar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/components')

diff --git a/src/components/GithubAvatar/GithubAvatar.tsx b/src/components/GithubAvatar/GithubAvatar.tsx
index 5daaac1..32ac553 100644
--- a/src/components/GithubAvatar/GithubAvatar.tsx
+++ b/src/components/GithubAvatar/GithubAvatar.tsx
@@ -10,7 +10,7 @@ interface PropTypes {
 }
 
 const githubUrl = 'https://github.com/';
-const getUserGithubUrl = (username: string) => githubUrl + username;
+const getUserGithubUrl = (username: string): string => githubUrl + username;
 
 const GithubAvatar: React.FC<PropTypes> = ({ username }) => {
   if (username === 'anonymous') return <Avatar/>;
-- 
cgit v1.2.3