Add discord

global.d.ts

@@ -206,6 +206,11 @@ interface Social {
    * Email
    */
   email?: string;
+
+  /**
+   * Discord username
+   */
+  discord?: string;
 }
 
 interface Resume {

src/components/details-card/index.tsx

@@ -21,7 +21,7 @@ import {
 } from 'react-icons/fa';
 import { FaSquareThreads } from 'react-icons/fa6';
 import { MdLocationOn } from 'react-icons/md';
-import { RiMailFill, RiPhoneFill } from 'react-icons/ri';
+import { RiDiscordFill, RiMailFill, RiPhoneFill } from 'react-icons/ri';
 import { SiResearchgate, SiX, SiUdemy } from 'react-icons/si';
 import { Profile } from '../../interfaces/profile';
 import {
@@ -368,6 +368,14 @@ const DetailsCard = ({ profile, loading, social, github }: Props) => {
                   link={`mailto:${social.email}`}
                 />
               )}
+              {social?.discord && (
+                <ListItem
+                  icon={<RiDiscordFill />}
+                  title="Discord:"
+                  value={social.discord}
+                  link={`https://discord.com/app`}
+                />
+              )}
             </Fragment>
           )}
         </div>

src/interfaces/sanitized-config.tsx

@@ -63,6 +63,7 @@ export interface SanitizedSocial {
   telegram?: string;
   phone?: string;
   email?: string;
+  discord?: string;
 }
 
 export interface SanitizedResume {

src/utils/index.tsx

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