Merge pull request #525 from arifszn/524-researchgate-link

Add ResearchGate social link

README.md

@@ -211,6 +211,7 @@ const CONFIG = {
     linkedin: 'ariful-alam',
     twitter: 'arif_szn',
     mastodon: 'arifszn@mastodon.social',
+    researchGate: '',
     facebook: '',
     instagram: '',
     youtube: '', // example: 'pewdiepie'
@@ -485,7 +486,7 @@ Your avatar and bio will be fetched from GitHub automatically.
 
 ### Social Links
 
-You can link your social media services you're using, including LinkedIn, Twitter, Mastodon, Facebook, Instagram, YouTube, Dribbble, Behance, Medium, dev, Stack Overflow, Skype, Telegram, personal website, phone and email.
+You can link your social media services you're using, including LinkedIn, Twitter, Mastodon, ResearchGate, Facebook, Instagram, YouTube, Dribbble, Behance, Medium, dev, Stack Overflow, Skype, Telegram, personal website, phone and email.
 
 ```ts
 // gitprofile.config.ts
@@ -495,6 +496,7 @@ const CONFIG = {
     linkedin: 'ariful-alam',
     twitter: 'arif_szn',
     mastodon: 'arifszn@mastodon.social',
+    researchGate: '',
     facebook: '',
     instagram: '',
     youtube: '',

gitprofile.config.ts

@@ -60,6 +60,7 @@ const CONFIG = {
     linkedin: 'ariful-alam',
     twitter: 'arif_szn',
     mastodon: 'arifszn@mastodon.social',
+    researchGate: '',
     facebook: '',
     instagram: '',
     youtube: '', // example: 'pewdiepie'
@@ -156,7 +157,7 @@ const CONFIG = {
   blog: {
     source: 'dev', // medium | dev
     username: 'arifszn', // to hide blog section, keep it empty
-    limit: 3, // How many articles to display. Max is 10.
+    limit: 2, // How many articles to display. Max is 10.
   },
   googleAnalytics: {
     id: '', // GA3 tracking id/GA4 tag id UA-XXXXXXXXX-X | G-XXXXXXXXXX

global.d.ts

@@ -122,6 +122,11 @@ interface Social {
    */
   mastodon?: string;
 
+  /**
+   * ResearchGate username
+   */
+  researchGate?: string;
+
   /**
    * Facebook
    */

src/components/details-card/index.tsx

@@ -4,7 +4,7 @@ import {
   AiFillInstagram,
   AiFillMediumSquare,
 } from 'react-icons/ai';
-import { SiTwitter } from 'react-icons/si';
+import { SiTwitter, SiResearchgate } from 'react-icons/si';
 import { CgDribbble } from 'react-icons/cg';
 import { RiPhoneFill, RiMailFill } from 'react-icons/ri';
 import { Fragment } from 'react';
@@ -147,6 +147,14 @@ const DetailsCard = ({ profile, loading, social, github }: Props) => {
                 value={github.username}
                 link={`https://github.com/${github.username}`}
               />
+              {social?.researchGate && (
+                <ListItem
+                  icon={<SiResearchgate />}
+                  title="ResearchGate:"
+                  value={social.researchGate}
+                  link={`https://www.researchgate.net/profile/${social.researchGate}`}
+                />
+              )}
               {social?.twitter && (
                 <ListItem
                   icon={<SiTwitter />}
@@ -265,7 +273,6 @@ const DetailsCard = ({ profile, loading, social, github }: Props) => {
                   link={`https://t.me/${social.telegram}`}
                 />
               )}
-
               {social?.phone && (
                 <ListItem
                   icon={<RiPhoneFill />}

src/components/publication-card/index.tsx

@@ -54,6 +54,13 @@ const PublicationCard = ({
                         className: 'mb-2 mx-auto',
                       })}
                     </p>
+                    <p>
+                      {skeleton({
+                        widthCls: 'w-full',
+                        heightCls: 'h-4',
+                        className: 'mb-2 mx-auto',
+                      })}
+                    </p>
                   </div>
                 </div>
               </div>

src/interfaces/sanitized-config.tsx

@@ -46,6 +46,7 @@ export interface SanitizedSocial {
   linkedin?: string;
   twitter?: string;
   mastodon?: string;
+  researchGate?: string;
   facebook?: string;
   instagram?: string;
   youtube?: string;

src/utils/index.tsx

@@ -77,6 +77,7 @@ export const getSanitizedConfig = (
         email: config?.social?.email,
         skype: config?.social?.skype,
         telegram: config?.social?.telegram,
+        researchGate: config?.social?.researchGate,
       },
       resume: {
         fileUrl: config?.resume?.fileUrl || '',