Handles empty Twitter share "hashtags"

vicsantizo · Sep 4, 2020 · b4d35a5 · b4d35a5
1 parent b28ab8d
commit b4d35a5
Showing 1 changed file with 18 additions and 8 deletions.
diff --git a/src/components/SocialLinks.tsx b/src/components/SocialLinks.tsx
@@ -34,12 +34,20 @@ export const ShareInFacebook: React.FC<ShareComponentProps> = ({ url }) => {
   )
 }
 
-export const ShareInTwitter: React.FC<ShareComponentProps & {
-  title: string
-  hashtags?: string[]
-}> = (props) => {
+export const ShareInTwitter: React.FC<
+  ShareComponentProps & {
+    title: string
+    hashtags?: string[]
+  }
+> = (props) => {
   return (
-    <Box flex as={TwitterShareButton} {...props} aria-label="Share on Twitter">
+    <Box
+      flex
+      as={TwitterShareButton}
+      {...props}
+      hashtags={props.hashtags || []}
+      aria-label="Share on Twitter"
+    >
       <GeneralIcon as={TwitterIcon} {...SOCIAL_ICON_PROPS} />
     </Box>
   )
@@ -49,9 +57,11 @@ ShareInTwitter.defaultProps = {
   hashtags: [],
 }
 
-export const ShareInReddit: React.FC<ShareComponentProps & {
-  title: string
-}> = ({ url, title }) => {
+export const ShareInReddit: React.FC<
+  ShareComponentProps & {
+    title: string
+  }
+> = ({ url, title }) => {
   return (
     <Box
       flex