Add conditional rendering for image meta tags

michaelzhd · Apr 21, 2022 · a1766e9 · a1766e9
1 parent 897e0c7
commit a1766e9
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/src/common/playlists/PlayMeta.jsx b/src/common/playlists/PlayMeta.jsx
@@ -23,11 +23,13 @@ function PlayMeta({ id, name, description, path, cover, component }) {
  <meta name="description" content={description} />
  <meta property="og:title" content={name} />
  <meta property="og:description" content={description} />
- <meta
- property="og:image"
- content={metaImage}
- data-react-helmet="true"
- />
+ {metaImage && (
+ <meta
+ property="og:image"
+ content={metaImage}
+ data-react-helmet="true"
+ />
+ )}
  <meta
  property="og:image:alt"
  content={description}
@@ -39,11 +41,13 @@ function PlayMeta({ id, name, description, path, cover, component }) {
  content={description}
  data-react-helmet="true"
  />
- <meta
- name="twitter:image"
- content={metaImage}
- data-react-helmet="true"
- />
+ {metaImage && (
+ <meta
+ name="twitter:image"
+ content={metaImage}
+ data-react-helmet="true"
+ />
+ )}
  </Helmet>
  {cloneElement(component(), { id })}
  </>