Made pageTitle optional (#11)

Author: PauloMFJ

README.md

@@ -62,8 +62,8 @@ export default PageLayout;
 | Property          | Type                 | Required | Notes                                                                                                                                                                                                                                                                                                                  |
 | ----------------- | -------------------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | **render**        | React.ReactNode      | **Yes**  | Unfortunately `react-helmet` and `next/head` are strict with how they accept meta tags. `react-helmet` doesn't support nesting. Whereas Next.JS only supports some children and not all, therefore a render function is required.                                                                                      |
-| **pageTitle**     | string               | **Yes**  | Every page should have a unique title that describes the page, such as 'Home', 'About' etc.                                                                                                                                                                                                                            |
-| **siteTitle**     | string               | **Yes**  | Title of the site, usually the organization / brand name.                                                                                                                                                                                                                                                              |
+| **pageTitle**     | string               | **No**   | Unique page title that describes the page, such as `Home`, `About` etc. etc.                                                                                                                                                                                                                                           |
+| **siteTitle**     | string               | **Yes**  | Title of the site, usually the organization / brand name. If `pageTitle` and `siteTitle` are the same, only this shows.                                                                                                                                                                                                |
 | **titleTemplate** | string               | **No**   | Title template used to display `pageTitle` and `siteTitle` in a template, displays the values using corresponding `[pageTitle]` and `[siteTitle]`. Example template: "[pageTitle] | [siteTitle]".                                                                                                                 |
 | **description**   | string               | **Yes**  | A one to two sentence description of your webpage. Keep it within 160 characters, and write it to catch the user's attention.                                                                                                                                                                                          |
 | **baseSiteUrl**   | string               | **Yes**  | Base site URL, excluding trailing slash.                                                                                                                                                                                                                                                                               |

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@phntms/react-share",
   "description": "An all-in-one React library to implement custom Sharing Meta and Social Media Sharing Buttons.",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "homepage": "https://github.com/phantomstudios/react-share#readme",
@@ -71,4 +71,4 @@
   "dependencies": {
     "is-absolute-url": "^3.0.3"
   }
-}
+}

package.json

@@ -50,7 +50,7 @@ export interface MetaEmbedProps {
   render: (meta: React.ReactNode) => JSX.Element;
 
   /** Unique page title that describes the page, such as `Home`, `About` etc. */
-  pageTitle: string;
+  pageTitle?: string;
 
   /** Title of the site, usually the organization / brand name. */
   siteTitle: string;
@@ -117,13 +117,12 @@ const MetaHeadEmbed = ({
   locale = "en_US",
   twitter,
 }: MetaEmbedProps) => {
-  const title = titleTemplate
-    ? pageTitle === siteTitle
-      ? pageTitle
-      : titleTemplate
-          .replace("[pageTitle]", pageTitle)
-          .replace("[siteTitle]", siteTitle)
-    : pageTitle;
+  let title = siteTitle;
+  if (titleTemplate && pageTitle && pageTitle !== siteTitle) {
+    title = titleTemplate
+      .replace("[pageTitle]", pageTitle)
+      .replace("[siteTitle]", siteTitle);
+  }
 
   const canonical =
     canonicalUrl &&