Updated Twitter Badge Markdown Preview

src/components/markdownPreview.js

@@ -232,6 +232,18 @@ const MarkdownPreview = props => {
       )
     }
     return null
+  }
+    const TwitterBadgePreview = props => {
+    let link = "https://img.shields.io/twitter/follow/" + props.twitter + "?logo=twitter&style=for-the-badge"
+    if (props.show) {
+      return (
+        <div className="text-left my-2">
+          {" "}
+          <img className="h-4 sm:h-6" src={link} alt={props.twitter} />{" "}
+        </div>
+      )
+    }
+    return null
   }
   const GitHubStatsPreview = props => {
     let link =
@@ -294,6 +306,10 @@ const MarkdownPreview = props => {
         show={props.data.visitorsBadge}
         github={props.social.github}
       />
+      <TwitterBadgePreview
+        show={props.data.twitterBadge}
+        twitter={props.social.twitter}
+      />
       <WorkPreview work={props} />
       <SocialPreview social={props.social} />
       <SkillsPreview skills={props.skills} />