Merge pull request #691 from B77Mills/AddFromCompany

Add display of content company on section feed nodes
parameter1 · Apr 21, 2023 · 1918a91 · 1918a91
2 parents ef25426 + f91e1c4
commit 1918a91
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/packages/marko-web-theme-monorail/components/nodes/section-feed-content.marko b/packages/marko-web-theme-monorail/components/nodes/section-feed-content.marko
@@ -5,6 +5,8 @@ import defaultValue from "@parameter1/base-cms-marko-core/utils/default-value";
 $ const { site, i18n } = out.global;
 
 $ const content = getAsObject(input, "node");
+$ const { company } = content;
+$ const withCompany = (company) ? defaultValue(input.withCompany, true) : false;
 $ const primaryImage = getAsObject(content, "primaryImage");
 $ const primarySection = getAsObject(content, "primarySection");
 $ const containerAttrs = getAsObject(input, "containerAttrs");
@@ -97,6 +99,10 @@ $ const blockName = "section-feed-content-node";
         />
       </else-if>
 
+      <if(withCompany)>
+        <marko-web-content-name class=`${blockName}__content-company` obj=content.company link=true />
+      </if>
+
       <marko-web-content-sponsors|{ node }| block-name=blockName obj=content>
         Sponsored By: <marko-web-content-name tag="span" block-name=blockName obj=node link=true />
       </marko-web-content-sponsors>

diff --git a/packages/marko-web-theme-monorail/graphql/fragments/section-feed-block.js b/packages/marko-web-theme-monorail/graphql/fragments/section-feed-block.js
@@ -24,6 +24,11 @@ fragment SectionFeedBlockContentFragment on Content {
     alt
     isLogo
   }
+  company {
+    id
+    name
+    canonicalPath
+  }
   ... on ContentWebinar {
     linkUrl
     startDate

diff --git a/packages/marko-web-theme-monorail/scss/components/blocks/_section-feed.scss b/packages/marko-web-theme-monorail/scss/components/blocks/_section-feed.scss
@@ -92,6 +92,15 @@
     }
   }
 
+  &__content-company {
+    font-weight: $theme-content-attribution-prefix-font-weight;
+    &::before {
+      margin-right: $theme-content-attribution-prefix-margin;
+      font-weight: $theme-content-attribution-prefix-font-weight;
+      content: "From";
+    }
+  }
+
   .btn-primary {
     margin-top: 10px;
   }