sfc-utils 1.3.67 → 1.3.69

package/components/ogpubdate.mjs

@@ -5,12 +5,12 @@ import {
   moddateString
 } from './helpers/datehelpers.mjs'
 
-const OgPubDate = ({ settings }) => {
+const OgPubDate = () => {
   return (
     <>
       {moddateString && 
-        <p><i>Originally published on {pubdateString}</i></p>
-      }
+        <p className="mt-md og-pub-date">Originally published on {pubdateString}</p>
+      }    
     </>
   )
 }

package/components/topper2.mjs

@@ -82,7 +82,7 @@ const Topper2 = ({ settings, wcmData }) => {
     }
 
     // Apply extra custom styling if it exists in the spreadsheet
-    if (Title_Style !== "") {
+    if (Title_Style && Title_Style !== "") {
       let extraStyles = Title_Style.split(", ");
       defaultStyles = defaultStyles.concat(extraStyles);
     }
@@ -138,6 +138,8 @@ const Topper2 = ({ settings, wcmData }) => {
 
   /** Converts wcm string from spreadsheet into a list of WCM ids */
   const getWcmIdList = (listStr) => {
+    if (!listStr) return [];
+
     return listStr.split(";").map((d) => parseInt(d));
   }
 
@@ -175,12 +177,14 @@ const Topper2 = ({ settings, wcmData }) => {
       case "stacked":
         return (<TopperImage wcm={Image} alt={Image_Alt} wcmData={wcmData} />)
       case "full-screen":
-        return (<TopperImage
-          wcm={Image}
-          alt={Image_Alt}
-          wcmData={wcmData}
-          overrideCssList={[imageStyles.cImgFullscreen]}
-        />)
+        return (
+          <TopperImage
+            wcm={Image}
+            alt={Image_Alt}
+            wcmData={wcmData}
+            overrideCssList={[imageStyles.cImgFullscreen]}
+          />
+        )
       case "side-by-side":
         return (
           <TopperImage

package/example/gatsby-node.js

@@ -17,16 +17,20 @@ const addValidWcmId = (numStr, wcmPhotos) => {
 }
 
 // Add topper image(s) to wcmPhotos list
-let numStr = (topperData[0].Image).toString()
-if (numStr.includes(";")) {
-  let numList = numStr.split(";");
-  for (var num of numList) {
-    addValidWcmId(num, wcmPhotos);
+if (topperData[0].Image) {
+  let numStr = (topperData[0].Image).toString();
+
+  if (numStr.includes(";")) {
+    let numList = numStr.split(";");
+    for (var num of numList) {
+      addValidWcmId(num, wcmPhotos);
+    }
+  } else {
+    addValidWcmId(numStr, wcmPhotos);
   }
-} else {
-  addValidWcmId(numStr, wcmPhotos);
 }
 
+
 // Create nodes so GraphQL can access
 exports.sourceNodes = async ({
   actions,

package/example/src/components/sfc/creditssection.js

@@ -1,6 +1,7 @@
 import React from 'react'
 import Credits from './credits'
 import CreditLine from './creditline'
+import OgPubDate from '../../../../components/ogpubdate.mjs'
 import * as creditssectionStyles from '../../styles/modules/creditssection.module.less'
 let rawCredits;
 try {
@@ -27,6 +28,7 @@ const CreditsSection = () => {
 }
   return (
     <section aria-label="Credits" className={creditssectionStyles.section}>
+      <OgPubDate/>
       <h4 className={creditssectionStyles.hed}>Credits</h4>
       {Object.keys(creditObj).map((key) => (
         <Credits type={key} key={key}>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sfc-utils",
-  "version": "1.3.67",
+  "version": "1.3.69",
   "author": "ewagstaff <evanjwagstaff@gmail.com>",
   "dependencies": {
     "archieml": "^0.4.2",

package/styles/brandStylesCommon.less

@@ -157,4 +157,38 @@ a {
   &:visited {
     color: @grey-75;
   }
+}
+
+/* Gift button mods */
+.byline-wrapper {
+  overflow: auto;
+}
+.byline-wrapper .devhub .givegift {
+  padding: 1px 0px !important;
+  border-radius: 30px;
+  font-size: 16px;
+}
+.byline-wrapper .giftarticle.devhub {
+  margin-top: 0 !important;
+  margin-right: 4px !important;
+}
+.byline-wrapper .articleHeader--shareTools {
+  align-items: center;
+}
+.giftarticle svg {
+  padding-top: 1px;
+}
+@media (max-width: 420px){
+  .byline-wrapper .devhub .givegift {
+    font-size: 14px;
+  }
+  .giftarticle svg {
+    padding-top: 3px;
+    margin-right: 4px !important; 
+  }
+}
+/* End gift button mods */
+
+.og-pub-date {
+  color: @grey-75;
 }