From: Dessalines <tyhou13@gmx.com>
Date: Wed, 16 Dec 2020 00:34:14 +0000 (-0600)
Subject: Simplifying html tags code.
X-Git-Url: http://these/git/%7B%24%7B%60data:application/static/gitweb.js?a=commitdiff_plain;h=6ffe0c530d07548dcbba08d444f215677510ff07;p=lemmy-ui.git

Simplifying html tags code.
---

diff --git a/src/shared/components/html-tags.tsx b/src/shared/components/html-tags.tsx
index ff30fb3..fbde148 100644
--- a/src/shared/components/html-tags.tsx
+++ b/src/shared/components/html-tags.tsx
@@ -17,39 +17,29 @@ export class HtmlTags extends Component<HtmlTagsProps, any> {
 
     return (
       <Helmet title={this.props.title}>
-        {/* Primary Meta Tags */}
-        <meta name="title" content={this.props.title} />
+        {['title', 'og:title', 'twitter:title'].map(t => (
+          <meta property={t} content={this.props.title} />
+        ))}
+        {['og:url', 'twitter:url'].map(u => (
+          <meta property={u} content={url} />
+        ))}
 
         {/* Open Graph / Facebook */}
         <meta property="og:type" content="website" />
-        <meta property="og:url" content={url} />
-        <meta property="og:title" content={this.props.title} />
 
         {/* Twitter */}
         <meta property="twitter:card" content="summary_large_image" />
-        <meta property="twitter:url" content={url} />
-        <meta property="twitter:title" content={this.props.title} />
 
         {/* Optional desc and images */}
-        {this.props.description && [
-          <meta
-            name="description"
-            content={md.renderInline(this.props.description)}
-          />,
-          <meta
-            property="og:description"
-            content={md.renderInline(this.props.description)}
-          />,
-          <meta
-            property="twitter:description"
-            content={md.renderInline(this.props.description)}
-          />,
-        ]}
+        {this.props.description &&
+          ['description', 'og:description', 'twitter:description'].map(n => (
+            <meta name={n} content={md.renderInline(this.props.description)} />
+          ))}
 
-        {this.props.image && [
-          <meta property="og:image" content={this.props.image} />,
-          <meta property="twitter:image" content={this.props.image} />,
-        ]}
+        {this.props.image &&
+          ['og:image', 'twitter:image'].map(p => (
+            <meta property={p} content={this.props.image} />
+          ))}
       </Helmet>
     );
   }