[fix]: typo in isMediumVaid function

src/components/addons.js

@@ -1,7 +1,7 @@
 import React from "react"
 import { latestBlogs } from "../utils/workflows"
 import links from "../constants/page-links"
-import { isMediumUsernameVaid } from "../utils/validation"
+import { isMediumUsernameValid } from "../utils/validation"
 const Addons = (props) => {
     const blogPostPorkflow = () => {
         let payload = {
@@ -51,7 +51,7 @@ const Addons = (props) => {
                 </label>
             </div>
 
-            {(props.data.devDynamicBlogs && props.social.dev) || (props.data.mediumDynamicBlogs && props.social.medium && isMediumUsernameVaid(props.social.medium)) ?
+            {(props.data.devDynamicBlogs && props.social.dev) || (props.data.mediumDynamicBlogs && props.social.medium && isMediumUsernameValid(props.social.medium)) ?
                 <div className="workflow">
                     <div>
                         download

src/components/markdown.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { isMediumUsernameVaid } from '../utils/validation'
+import { isMediumUsernameValid } from '../utils/validation'
 import { icons, skills } from '../constants/skills';
 
 const Markdown = (props) => {
@@ -99,7 +99,7 @@ const Markdown = (props) => {
             <><DisplayWork prefix={props.prefix.funFact} project={props.data.funFact} /></>
 
             <><DisplayDynamicBlogs show={(props.data.devDynamicBlogs && props.social.dev) ||
-                (props.data.mediumDynamicBlogs && props.social.medium && isMediumUsernameVaid(props.social.medium))} /></>
+                (props.data.mediumDynamicBlogs && props.social.medium && isMediumUsernameValid(props.social.medium))} /></>
             <><DisplaySkills skills={props.skills} /></>
             <><GithubStats show={props.data.githubStats} github={props.social.github} /></>
             {isSocial(props.social) ? `<p align="center">` : ''} <br />

src/pages/index.js

@@ -15,7 +15,7 @@ import Footer from '../components/footer';
 import './index.css'
 import { ArrowLeftIcon, CopyIcon, DownloadIcon, EyeIcon, CheckIcon, MarkdownIcon } from '@primer/octicons-react';
 import SEO from '../components/seo';
-import { isGithubUsernameValid, isMediumUsernameVaid } from '../utils/validation';
+import { isGithubUsernameValid, isMediumUsernameValid } from '../utils/validation';
 const IndexPage = () => {
   const [prefix, setPrefix] = useState({
     title: "Hi 👋, I'm",
@@ -269,7 +269,7 @@ const IndexPage = () => {
             <div className="warning">* Please add github username to use these add-ons</div> : ''}
           {social.github && !isGithubUsernameValid(social.github) ?
             <div className="warning">* Github username is invalid, please add a valid username</div> : ''}
-          {social.medium && !isMediumUsernameVaid(social.medium) ?
+          {social.medium && !isMediumUsernameValid(social.medium) ?
             <div className="warning">* Medium username is invalid, please add a valid username (with @)</div> : ''}
           {data.mediumDynamicBlogs && !social.medium ?
             <div className="warning">* Please add medium username to display latest blogs dynamically</div> : ''}

src/utils/validation.js

@@ -2,11 +2,11 @@ const isGithubUsernameValid = (username) => {
     var pattern = /^[a-z\d](?:[a-z\d]|-(?=[a-z\d])){0,38}$/i
     return pattern.test(username)
 }
-const isMediumUsernameVaid = (username) => {
+const isMediumUsernameValid = (username) => {
     if (username) {
         return username[0] === '@'
     }
     return true
 }
 
-export { isGithubUsernameValid, isMediumUsernameVaid };
+export { isGithubUsernameValid, isMediumUsernameValid };

src/utils/workflows.js

@@ -1,8 +1,8 @@
-import { isMediumUsernameVaid } from "../utils/validation"
+import { isMediumUsernameValid } from "../utils/validation"
 
 const latestBlogs = (payload) => {
     let rssFeed = ''
-    if (payload.dev.show && payload.dev.username && payload.medium.show && payload.medium.username && isMediumUsernameVaid(payload.medium.username)) {
+    if (payload.dev.show && payload.dev.username && payload.medium.show && payload.medium.username && isMediumUsernameValid(payload.medium.username)) {
         rssFeed = 'https://dev.to/feed/' + payload.dev.username + ', https://medium.com/feed/' + payload.medium.username
     } else if(payload.dev.show && payload.dev.username) {
         rssFeed = 'https://dev.to/feed/' + payload.dev.username