fixing og title

Author: runemadsen

src/components/reference/ReferenceList.js

@@ -16,7 +16,7 @@ const ReferenceList = ({ tree, library }) => {
           <h2
             className={classnames(grid.col, css.category)}
             id={slugify(category)}>
-            {intl.formatMessage({id:category})}
+            {intl.formatMessage({ id: category })}
           </h2>
           {Object.keys(tree[category]).map((subcategory) => {
             return (
@@ -27,7 +27,10 @@ const ReferenceList = ({ tree, library }) => {
                   <div className={classnames(grid.col, css.subcategoryTitle)}>
                     {subcategory && <div className={css.line} />}
                     {subcategory && (
-                      <h3 id={slugify(category, subcategory)}> {intl.formatMessage({id:subcategory})}</h3>
+                      <h3 id={slugify(category, subcategory)}>
+                        {' '}
+                        {intl.formatMessage({ id: subcategory })}
+                      </h3>
                     )}
                   </div>
                   <ul className={classnames(grid.col, css.subcategoryList)}>

src/pages/reference.js

@@ -85,7 +85,6 @@ const Reference = ({ data }) => {
         title={intl.formatMessage({ id: 'reference' })}
         description={intl.formatMessage({ id: 'cardReferenceDescription' })}
       />
-
       <div className={classnames(grid.container, grid.grid)}>
         <h1 className={classnames(grid.col, css.heading)}>
           {intl.formatMessage({ id: 'reference' })}

src/templates/reference/class.js

@@ -55,14 +55,17 @@ const ClassRefTemplate = ({ data, pageContext }) => {
 
   const trail = useTrail(libraryName, entry?.category, entry?.subcategory);
 
+  const title =
+    (entry?.name ?? data.en.childJson.name) +
+    ' / ' +
+    (isProcessing
+      ? intl.formatMessage({ id: 'reference' })
+      : intl.formatMessage({ id: 'libraries' }));
+
   return (
     <Layout withSidebar withBreadcrumbs>
       <HeadMatter
-        title={
-          (entry?.name ?? data.en.childJson.name) + ' / ' + isProcessing
-            ? intl.formatMessage({ id: 'reference' })
-            : intl.formatMessage({ id: 'libraries' })
-        }
+        title={title}
         description={entry?.description}
         img={getImage(data.images.nodes[0])}
       />

src/templates/reference/function.js

@@ -64,14 +64,17 @@ const RefTemplate = ({ data, pageContext, ...props }) => {
     entry?.classanchor
   );
 
+  const title =
+    (entry?.name ?? data.en.childJson.name) +
+    ' / ' +
+    (isProcessing
+      ? intl.formatMessage({ id: 'reference' })
+      : intl.formatMessage({ id: 'libraries' }));
+
   return (
     <Layout withSidebar withBreadcrumbs>
       <HeadMatter
-        title={
-          (entry?.name ?? data.en.childJson.name) + ' / ' + isProcessing
-            ? intl.formatMessage({ id: 'reference' })
-            : intl.formatMessage({ id: 'libraries' })
-        }
+        title={title}
         description={entry?.description}
         img={getImage(data.images.nodes[0])}
       />