Merge pull request #2095 from kailashloginradius/develop

update avatar img and change order of image selection

Author: kailashloginradius

content/author.yaml

@@ -651,6 +651,7 @@
   linkedin: "oyesoni"
   twitter: "OyeSoni"
   github: "oyesoni"
+  avatar: "rakesh-soni.jpg"
 
 - id: Deependra Singh
   bio: Deependra Singh - over 10+ years experience as a digital marketer and currently working and specializes in Search Engine Optimization for LoginRadius. Additionally, he has experience in digital marketing strategy, SEO techniques, strategic planning, lead generation program, execution, and promotions.

src/components/bio.js

@@ -5,10 +5,10 @@ import styles from "./bio.module.scss"
 import { faCreativeCommonsPd } from "@fortawesome/free-brands-svg-icons"
 
 const Bio = ({ created_date, updated_date, author, pinned, readingTime }) => {
-  const githubUrl = author.github
-    ? `https://github.com/${author.github}.png?size=50`
-    : author.avatar
+  const githubUrl = author.avatar
     ? `${withPrefix("avatar/")}${author.avatar}`
+    : author.github
+    ? `https://github.com/${author.github}.png?size=50`
     : `https://ui-avatars.com/api/?name=${author.id}&size=460`
   return (
     <div

src/components/post.js

@@ -39,10 +39,10 @@ const Post = ({ post, relatedPost, type }) => {
   const image = post.frontmatter.coverImage
   const tags = post.frontmatter.tags || []
   const author = post.frontmatter.author
-  const githubUrl = author.github
-    ? `https://github.com/${author.github}.png?size=100`
-    : author.avatar
+  const githubUrl = author.avatar
     ? `${withPrefix("avatar/")}${author.avatar}`
+    : author.github
+    ? `https://github.com/${author.github}.png?size=50`
     : `https://ui-avatars.com/api/?name=${author.id}&size=460`
 
   return (

src/pages/author/{AuthorYaml.id}.js

@@ -33,7 +33,13 @@ const AuthorTemplate = ({
     <SEO
       title={`${id} - Author`}
       description={`${id} - ${bio}`}
-      image={`https://github.com/${github}.png`}
+      image={
+        avatar
+          ? `${withPrefix("avatar/")}${avatar}`
+          : github
+          ? `https://github.com/${github}.png?size=100`
+          : `https://ui-avatars.com/api/?name=${id}&size=460`
+      }
       pathname={location.pathname}
     />
     <main>
@@ -43,10 +49,10 @@ const AuthorTemplate = ({
             <div className={styles.authorImage}>
               <img
                 src={
-                  github
-                    ? `https://github.com/${github}.png?size=100`
-                    : avatar
+                  avatar
                     ? `${withPrefix("avatar/")}${avatar}`
+                    : github
+                    ? `https://github.com/${github}.png?size=100`
                     : `https://ui-avatars.com/api/?name=${id}&size=460`
                 }
                 alt={id}