CMS-304: Fix spacing issue and add hasTrailReport field (#1411)

* CMS-304: Fix spacing issue and add hasTrailReport field * CMS-304: Change font size smaller in visitor guidelines * CMS-304: Add hasTrailReport field to guideline-type collection
bcgov · Aug 9, 2024 · 7a09937 · 7a09937
1 parent 95145e5
commit 7a09937
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 8 deletions.
diff --git a/src/cms/src/api/guideline-type/content-types/guideline-type/schema.json b/src/cms/src/api/guideline-type/content-types/guideline-type/schema.json
@@ -26,6 +26,10 @@
       ],
       "required": true
     },
+    "hasTrailReport": {
+      "type": "boolean",
+      "default": false
+    },
     "defaultRank": {
       "type": "integer",
       "min": 1,

diff --git a/src/cms/src/api/park-guideline/content-types/park-guideline/schema.json b/src/cms/src/api/park-guideline/content-types/park-guideline/schema.json
@@ -16,7 +16,7 @@
     },
     "isActive": {
       "type": "boolean",
-      "default": false,
+      "default": true,
       "required": true
     },
     "rank": {
@@ -46,4 +46,4 @@
       "inversedBy": "parkGuidelines"
     }
   }
-}
+}
diff --git a/src/gatsby/gatsby-node.js b/src/gatsby/gatsby-node.js
@@ -91,6 +91,7 @@ exports.createSchemaCustomization = ({ actions }) => {
   type STRAPI_GUIDELINE_TYPE implements Node @derivedTypes @dontInfer {
     guidelineName: String
     icon: String
+    hasTrailReport: Boolean
     defaultRank: Int
     defaultTitle: String
     defaultDescription: STRAPI_GUIDELINE_TYPEDefaultDescription

diff --git a/src/gatsby/src/components/park/advisoryDetails.js b/src/gatsby/src/components/park/advisoryDetails.js
@@ -84,7 +84,7 @@ export default function AdvisoryDetails({ advisories, parkType }) {
   }, [advisories.length])
 
   return (
-    <div id="advisories" className="mb-4">
+    <div id="advisories">
       {/* id="park-advisory-details-container" should be removed once it's removed from the contents */}
       <h3 id="park-advisory-details-container">
         {`Advisories (${advisories.length})`}

diff --git a/src/gatsby/src/components/park/visitorGuidelines.js b/src/gatsby/src/components/park/visitorGuidelines.js
@@ -25,7 +25,7 @@ export const Guideline = ({ guide, reports }) => {
           {guide.description.data.description ?
             guide.description.data.description : guidelineType.defaultDescription.data.defaultDescription}
         </HtmlContent>
-        {(guidelineType.icon === "list-check" && reports?.length > 0) &&
+        {(guidelineType.hasTrailReport && reports?.length > 0) &&
           reports.map((report, index) => (
             <p key={index}>
               View the <a href={report.reportUrl}>{report.title} [PDF]</a>
@@ -46,11 +46,11 @@ export default function VisitorGuidelines({ guidelines, trailReports }) {
       return rankA - rankB
     })
   return (
-    <>
+    <div id="visitor-guidelines">
       <h3>Visitor guidelines</h3>
       {sortedGuidelines.map((guide, index) => (
         <Guideline key={index} guide={guide} reports={trailReports} />
       ))}
-    </>
+    </div>
   )
 }
diff --git a/src/gatsby/src/styles/parks.scss b/src/gatsby/src/styles/parks.scss
@@ -386,6 +386,13 @@ h2.section-heading {
   }
 }
 
+// Know before you go
+#know-before-you-go {
+  #advisories {
+    margin-bottom: 40px;
+  }
+}
+
 .park-overview {
   &.collapsed {
     max-height: 260px;
@@ -478,7 +485,7 @@ h2.section-heading {
 
 // visitor guidelines
 .guideline {
-  margin-bottom: 16px;
+  margin-bottom: 8px;
   &--left {
     svg, img {
       width: 48px;
@@ -491,7 +498,7 @@ h2.section-heading {
       margin-bottom: 8px;
     }
     p {
-      margin-bottom: 0;
+      font-size: 0.875rem;
     }
   }
 }
diff --git a/src/gatsby/src/templates/park.js b/src/gatsby/src/templates/park.js
@@ -655,6 +655,7 @@ export const query = graphql`
         }
         guidelineType {
           icon
+          hasTrailReport
           defaultRank
           defaultTitle
           defaultDescription {