Update two dates in PEC (#1622)

* Add two sessions to pec

* Update updated button to yellow background

* Remove end times on listening sessions

client/src/components/PublicEngageButton/PublicEngageButton.module.scss

@@ -5,7 +5,8 @@
     @include u-margin-bottom(1);
     @include u-margin-right(1);
     .tag {
-        @include u-bg("gray-cool-10");
+        // @include u-bg("gray-cool-10"); // Standard gray
+        @include u-bg("yellow-20v"); // "new" yellow
         color: black;
         border-radius: 5px;
         @include u-text('bold');

client/src/data/copy/publicEngage.tsx

@@ -7,6 +7,8 @@ import mar22 from '../../images/eventDates/mar22.svg';
 import mar30 from '../../images/eventDates/mar30.svg';
 import mar31 from '../../images/eventDates/mar31.svg';
 import apr15 from '../../images/eventDates/apr15.svg';
+import may10 from '../../images/eventDates/may10.svg';
+import may19 from '../../images/eventDates/may19.svg';
 import mar9Exp from '../../images/eventDates/mar9-inactive.svg';
 import mar10Exp from '../../images/eventDates/mar10-inactive.svg';
 import mar16Exp from '../../images/eventDates/mar16-inactive.svg';
@@ -14,6 +16,8 @@ import mar22Exp from '../../images/eventDates/mar22-inactive.svg';
 import mar30Exp from '../../images/eventDates/mar30-inactive.svg';
 import mar31Exp from '../../images/eventDates/mar31-inactive.svg';
 import apr15Exp from '../../images/eventDates/apr15-inactive.svg';
+import may10Exp from '../../images/eventDates/may10-inactive.svg';
+import may19Exp from '../../images/eventDates/may19-inactive.svg';
 
 
 export const PAGE_INTRO = defineMessages({
@@ -309,4 +313,38 @@ export const EVENTS = [
     REG_LINK: `https://pitc.zoomgov.com/webinar/register/WN_dLw3xChiTlaOLGdHXQWk0w`,
     DATA_CY: `apr-15-reg-link-block`,
   },
+  {
+    DATE: new Date(2022, 4, 11),
+    NAME: EVENT_TYPES.LISTENING_SESS.NAME,
+    DESC: EVENT_TYPES.LISTENING_SESS.DESCRIPTION,
+    NUMBER: 3,
+    IMAGE: may10,
+    EXPIRED_IMG: may10Exp,
+    FIELDS: defineMessages({
+      INFO: {
+        id: 'public.eng.page.event.listening.3.info',
+        defaultMessage: `May 10th (4:00 PM EST)`,
+        description: 'Navigate to the the public engagement page, this will be the public engagement page event listening session 3 date',
+      },
+    }),
+    REG_LINK: `https://pitc.zoomgov.com/webinar/register/WN_dt0xRNioR8SugY2hrDk1JA`,
+    DATA_CY: `may-10-reg-link-block`,
+  },
+  {
+    DATE: new Date(2022, 4, 20),
+    NAME: EVENT_TYPES.LISTENING_SESS.NAME,
+    DESC: EVENT_TYPES.LISTENING_SESS.DESCRIPTION,
+    NUMBER: 4,
+    IMAGE: may19,
+    EXPIRED_IMG: may19Exp,
+    FIELDS: defineMessages({
+      INFO: {
+        id: 'public.eng.page.event.listening.4.info',
+        defaultMessage: `May 19th (4:00 PM EST)`,
+        description: 'Navigate to the the public engagement page, this will be the public engagement page event listening session 4 date',
+      },
+    }),
+    REG_LINK: `https://pitc.zoomgov.com/webinar/register/WN_1PR73vLDQpq1zoAWkhKB5g`,
+    DATA_CY: `may-19-reg-link-block`,
+  },
 ];

client/src/images/eventDates/may10-inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 83.5"><defs><style>.cls-1{fill:#c9c9c9;}.cls-2{clip-path:url(#clip-path);}.cls-3{isolation:isolate;}.cls-4{clip-path:url(#clip-path-2);}.cls-5{fill:none;stroke:#c9c9c9;stroke-miterlimit:10;}.cls-6{fill:#fff;}</style><clipPath id="clip-path" transform="translate(4.5 4.5)"><rect class="cls-1" x="0.5" y="0.5" width="78" height="39"/></clipPath><clipPath id="clip-path-2" transform="translate(4.5 4.5)"><rect class="cls-1" x="0.5" y="0.5" width="79" height="39"/></clipPath></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-1" x="5" y="5" width="78" height="39"/><g class="cls-2"><g class="cls-3"><rect class="cls-1" x="5" y="5" width="79" height="39"/><g class="cls-4"><rect class="cls-1" x="5" y="5" width="78" height="39"/><g class="cls-2"><rect class="cls-1" width="88" height="49"/></g></g></g></g><rect class="cls-5" x="5" y="5" width="78" height="78"/><g class="cls-3"><path class="cls-6" d="M20.64,26.5v-13h3.81l3,9.27,3-9.27h3.81v13H31.59V16.55l-3.13,10H26.4l-3.12-9.9v9.9Z" transform="translate(4.5 4.5)"/><path class="cls-6" d="M36.19,26.5l4.66-13h2.77l4.66,13H45.66l-1.06-3H39.91l-1.08,3Zm4.31-5.31H44L42.25,16Z" transform="translate(4.5 4.5)"/><path class="cls-6" d="M59.06,13.49,54.53,21V26.5H51.9V21l-4.51-7.53h2.84l3,5.27,3-5.27Z" transform="translate(4.5 4.5)"/></g><path class="cls-1" d="M33.68,66.5V56.75H31.36V55.27a6.29,6.29,0,0,0,1.8-.21,2.16,2.16,0,0,0,1-.62,1.74,1.74,0,0,0,.4-.95h1.75v13Z" transform="translate(4.5 4.5)"/><path class="cls-1" d="M44.11,53.31A4.38,4.38,0,0,1,47.77,55a8,8,0,0,1,1.34,5A8,8,0,0,1,47.79,65a4.81,4.81,0,0,1-7.38,0,8,8,0,0,1-1.33-5,9.65,9.65,0,0,1,.62-3.66,4.88,4.88,0,0,1,1.73-2.29A4.65,4.65,0,0,1,44.11,53.31Zm0,11.24a1.8,1.8,0,0,0,1.7-1A8.11,8.11,0,0,0,46.35,60a8.53,8.53,0,0,0-.55-3.57,1.81,1.81,0,0,0-1.7-1.08,1.84,1.84,0,0,0-1.72,1.09A8.32,8.32,0,0,0,41.82,60a7.71,7.71,0,0,0,.56,3.47A1.84,1.84,0,0,0,44.11,64.55Z" transform="translate(4.5 4.5)"/></g></g></svg>

client/src/images/eventDates/may10.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 83.5"><defs><style>.cls-1,.cls-6{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{isolation:isolate;}.cls-4{clip-path:url(#clip-path-2);}.cls-5{fill:#005ea2;}.cls-6{stroke:#005ea2;stroke-miterlimit:10;}.cls-7{fill:#fff;}</style><clipPath id="clip-path" transform="translate(4.5 4.5)"><rect class="cls-1" x="0.5" y="0.5" width="78" height="39"/></clipPath><clipPath id="clip-path-2" transform="translate(4.5 4.5)"><rect class="cls-1" x="0.5" y="0.5" width="79" height="39"/></clipPath></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-2"><g class="cls-3"><g class="cls-4"><g class="cls-2"><rect class="cls-5" width="88" height="49"/></g></g></g></g><rect class="cls-6" x="5" y="5" width="78" height="78"/><g class="cls-3"><path class="cls-7" d="M20.64,26.5v-13h3.81l3,9.28,3-9.28h3.81v13H31.59V16.56L28.46,26.5H26.4l-3.12-9.9v9.9Z" transform="translate(4.5 4.5)"/><path class="cls-7" d="M36.19,26.5l4.66-13h2.77l4.66,13H45.66l-1.06-3H39.92l-1.09,3Zm4.31-5.31H44L42.25,16Z" transform="translate(4.5 4.5)"/><path class="cls-7" d="M59.06,13.49,54.53,21V26.5H51.9V21l-4.51-7.53h2.84l3,5.27,3-5.27Z" transform="translate(4.5 4.5)"/></g><path class="cls-5" d="M33.68,66.5V56.75H31.36V55.27a6.42,6.42,0,0,0,1.81-.21,2.17,2.17,0,0,0,1-.62,1.74,1.74,0,0,0,.4-.95h1.75v13Z" transform="translate(4.5 4.5)"/><path class="cls-5" d="M44.11,53.31A4.38,4.38,0,0,1,47.77,55a8,8,0,0,1,1.34,5A8,8,0,0,1,47.79,65a4.81,4.81,0,0,1-7.38,0,8,8,0,0,1-1.33-5,9.65,9.65,0,0,1,.62-3.66,4.88,4.88,0,0,1,1.73-2.29A4.65,4.65,0,0,1,44.11,53.31Zm0,11.24a1.8,1.8,0,0,0,1.7-1A8.11,8.11,0,0,0,46.35,60a8.53,8.53,0,0,0-.55-3.57,1.81,1.81,0,0,0-1.7-1.08,1.84,1.84,0,0,0-1.72,1.09A8.32,8.32,0,0,0,41.82,60a7.71,7.71,0,0,0,.56,3.47A1.84,1.84,0,0,0,44.11,64.55Z" transform="translate(4.5 4.5)"/></g></g></svg>

client/src/images/eventDates/may19-inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 83.5"><defs><style>.cls-1{fill:#c9c9c9;}.cls-2{clip-path:url(#clip-path);}.cls-3{isolation:isolate;}.cls-4{clip-path:url(#clip-path-2);}.cls-5{fill:none;stroke:#c9c9c9;stroke-miterlimit:10;}.cls-6{fill:#fff;}</style><clipPath id="clip-path" transform="translate(4.5 4.5)"><rect class="cls-1" x="0.5" y="0.5" width="78" height="39"/></clipPath><clipPath id="clip-path-2" transform="translate(4.5 4.5)"><rect class="cls-1" x="0.5" y="0.5" width="79" height="39"/></clipPath></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-1" x="5" y="5" width="78" height="39"/><g class="cls-2"><g class="cls-3"><rect class="cls-1" x="5" y="5" width="79" height="39"/><g class="cls-4"><rect class="cls-1" x="5" y="5" width="78" height="39"/><g class="cls-2"><rect class="cls-1" width="88" height="49"/></g></g></g></g><rect class="cls-5" x="5" y="5" width="78" height="78"/><g class="cls-3"><path class="cls-6" d="M20.64,26.5v-13h3.81l3,9.27,3-9.27h3.81v13H31.59V16.55l-3.13,10H26.4l-3.12-9.9v9.9Z" transform="translate(4.5 4.5)"/><path class="cls-6" d="M36.19,26.5l4.66-13h2.77l4.66,13H45.66l-1.06-3H39.92l-1.09,3Zm4.31-5.31H44L42.25,16Z" transform="translate(4.5 4.5)"/><path class="cls-6" d="M59.06,13.49,54.53,21V26.5H51.9V21l-4.51-7.53h2.84l3,5.27,3-5.27Z" transform="translate(4.5 4.5)"/></g><path class="cls-1" d="M33.55,66.5V56.75H31.23V55.27a6.29,6.29,0,0,0,1.8-.21,2.16,2.16,0,0,0,1-.62,1.74,1.74,0,0,0,.4-.95h1.75v13Z" transform="translate(4.5 4.5)"/><path class="cls-1" d="M43.73,66.7a5.59,5.59,0,0,1-2.27-.47,4.44,4.44,0,0,1-1.72-1.32,3.49,3.49,0,0,1-.74-2h2.5a2.21,2.21,0,0,0,.72,1.23,2.11,2.11,0,0,0,1.4.47,3.08,3.08,0,0,0,1.65-.44,2.7,2.7,0,0,0,1.06-1.41,6.14,6.14,0,0,0,.25-2.52,2.67,2.67,0,0,1-.7.84,3.56,3.56,0,0,1-1,.55,4.57,4.57,0,0,1-1.32.19,5.31,5.31,0,0,1-2.35-.5,3.87,3.87,0,0,1-1.6-1.42A4,4,0,0,1,39,57.72a4.19,4.19,0,0,1,2.32-3.85,5.63,5.63,0,0,1,2.57-.56,4.85,4.85,0,0,1,4.71,3,8.24,8.24,0,0,1,.64,3.39,10,10,0,0,1-.66,3.89,4.86,4.86,0,0,1-1.9,2.32A5.46,5.46,0,0,1,43.73,66.7Zm.24-7A2.36,2.36,0,0,0,45,59.49a2.5,2.5,0,0,0,.85-.62,1.14,1.14,0,0,0,.34-.78,3.56,3.56,0,0,0-.28-1.5,2.16,2.16,0,0,0-.79-1,2.31,2.31,0,0,0-2.29-.05,2.14,2.14,0,0,0-.77.81,2.6,2.6,0,0,0-.27,1.21,2.06,2.06,0,0,0,.59,1.58A2.18,2.18,0,0,0,44,59.74Z" transform="translate(4.5 4.5)"/></g></g></svg>

client/src/images/eventDates/may19.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 83.5"><defs><style>.cls-1,.cls-6{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{isolation:isolate;}.cls-4{clip-path:url(#clip-path-2);}.cls-5{fill:#005ea2;}.cls-6{stroke:#005ea2;stroke-miterlimit:10;}.cls-7{fill:#fff;}</style><clipPath id="clip-path" transform="translate(4.5 4.5)"><rect class="cls-1" x="0.5" y="0.5" width="78" height="39"/></clipPath><clipPath id="clip-path-2" transform="translate(4.5 4.5)"><rect class="cls-1" x="0.5" y="0.5" width="79" height="39"/></clipPath></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-2"><g class="cls-3"><g class="cls-4"><g class="cls-2"><rect class="cls-5" width="88" height="49"/></g></g></g></g><rect class="cls-6" x="5" y="5" width="78" height="78"/><g class="cls-3"><path class="cls-7" d="M20.64,26.5v-13h3.81l3,9.28,3-9.28h3.81v13H31.59V16.56L28.46,26.5H26.4l-3.12-9.9v9.9Z" transform="translate(4.5 4.5)"/><path class="cls-7" d="M36.19,26.5l4.66-13h2.77l4.66,13H45.66l-1.06-3H39.92l-1.09,3Zm4.31-5.31H44L42.25,16Z" transform="translate(4.5 4.5)"/><path class="cls-7" d="M59.06,13.49,54.53,21V26.5H51.9V21l-4.51-7.53h2.84l3,5.27,3-5.27Z" transform="translate(4.5 4.5)"/></g><path class="cls-5" d="M33.55,66.5V56.75H31.23V55.27a6.29,6.29,0,0,0,1.8-.21,2.16,2.16,0,0,0,1-.62,1.74,1.74,0,0,0,.4-.95h1.75v13Z" transform="translate(4.5 4.5)"/><path class="cls-5" d="M43.73,66.7a5.59,5.59,0,0,1-2.27-.47,4.44,4.44,0,0,1-1.72-1.32,3.49,3.49,0,0,1-.74-2h2.5a2.21,2.21,0,0,0,.72,1.23,2.11,2.11,0,0,0,1.4.47,3.08,3.08,0,0,0,1.65-.44,2.7,2.7,0,0,0,1.06-1.41,6.14,6.14,0,0,0,.25-2.52,2.67,2.67,0,0,1-.7.84,3.56,3.56,0,0,1-1,.55,4.57,4.57,0,0,1-1.32.19,5.31,5.31,0,0,1-2.35-.5,3.87,3.87,0,0,1-1.6-1.42A4,4,0,0,1,39,57.72a4.19,4.19,0,0,1,2.32-3.85,5.63,5.63,0,0,1,2.57-.56,4.85,4.85,0,0,1,4.71,3,8.24,8.24,0,0,1,.64,3.39,10,10,0,0,1-.66,3.89,4.86,4.86,0,0,1-1.9,2.32A5.46,5.46,0,0,1,43.73,66.7Zm.24-7A2.36,2.36,0,0,0,45,59.49a2.5,2.5,0,0,0,.85-.62,1.14,1.14,0,0,0,.34-.78,3.56,3.56,0,0,0-.28-1.5,2.16,2.16,0,0,0-.79-1,2.24,2.24,0,0,0-2.29-.05,2,2,0,0,0-.77.81,2.6,2.6,0,0,0-.27,1.21,2.06,2.06,0,0,0,.59,1.58A2.18,2.18,0,0,0,44,59.74Z" transform="translate(4.5 4.5)"/></g></g></svg>

client/src/intl/en.json

@@ -1395,6 +1395,14 @@
     "defaultMessage": "April 15th (4:00 - 5:00 PM EST)",
     "description": "Navigate to the the public engagement page, this will be the public engagement page event listening session 2 date"
   },
+  "public.eng.page.event.listening.3.info": {
+    "defaultMessage": "May 10th (4:00 PM EST)",
+    "description": "Navigate to the the public engagement page, this will be the public engagement page event listening session 3 date"
+  },
+  "public.eng.page.event.listening.4.info": {
+    "defaultMessage": "May 19th (4:00 PM EST)",
+    "description": "Navigate to the the public engagement page, this will be the public engagement page event listening session 4 date"
+  },
   "public.eng.page.event.listening.sess.description": {
     "defaultMessage": "CEQ is hosting public listening sessions to seek input and feedback on the beta version of the tool, including on the datasets it includes and the methodology it uses. This feedback is critical to the development and enhancement of the tool. This feedback will help CEQ update and refine the tool to ensure that it reflects the environmental, climate and other challenges that communities are experiencing.",
     "description": "Navigate to the the public engagement page, this will be the public engagement page event listening session description"

client/src/pages/tests/__snapshots__/publicEng.test.tsx.snap

@@ -801,6 +801,130 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                 </p>
               </div>
             </li>
+            <li
+              class="usa-collection__item"
+            >
+              <img
+                alt="Alt text"
+                class="usa-collection__img"
+                src="test-file-stub"
+              />
+              <div
+                class="usa-collection__body"
+              >
+                <h3
+                  class="usa-collection__heading"
+                >
+                  <a
+                    class="usa-link usa-link--external"
+                    data-cy="may-10-reg-link-block"
+                    href="https://pitc.zoomgov.com/webinar/register/WN_dt0xRNioR8SugY2hrDk1JA"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    CEJST listening session #3
+                  </a>
+                </h3>
+                <p
+                  class="usa-collection__description"
+                >
+                  
+        CEQ is hosting public listening sessions to seek input and feedback on the beta version of the 
+        tool, including on the datasets it includes and the methodology it uses. This feedback is critical 
+        to the development and enhancement of the tool. This feedback will help CEQ update and refine the 
+        tool to ensure that it reflects the environmental, climate and other challenges that communities 
+        are experiencing.
+      
+                </p>
+                <p
+                  class="usa-collection__description"
+                >
+                  <b>
+                    Event info
+                  </b>
+                  : May 10th (4:00 PM EST)
+                </p>
+                <p
+                  class="usa-collection__description"
+                >
+                  <a
+                    href="https://pitc.zoomgov.com/webinar/register/WN_dt0xRNioR8SugY2hrDk1JA"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    <button
+                      class="usa-button"
+                      data-testid="button"
+                      type="button"
+                    >
+                      Registration link
+                    </button>
+                  </a>
+                </p>
+              </div>
+            </li>
+            <li
+              class="usa-collection__item"
+            >
+              <img
+                alt="Alt text"
+                class="usa-collection__img"
+                src="test-file-stub"
+              />
+              <div
+                class="usa-collection__body"
+              >
+                <h3
+                  class="usa-collection__heading"
+                >
+                  <a
+                    class="usa-link usa-link--external"
+                    data-cy="may-19-reg-link-block"
+                    href="https://pitc.zoomgov.com/webinar/register/WN_1PR73vLDQpq1zoAWkhKB5g"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    CEJST listening session #4
+                  </a>
+                </h3>
+                <p
+                  class="usa-collection__description"
+                >
+                  
+        CEQ is hosting public listening sessions to seek input and feedback on the beta version of the 
+        tool, including on the datasets it includes and the methodology it uses. This feedback is critical 
+        to the development and enhancement of the tool. This feedback will help CEQ update and refine the 
+        tool to ensure that it reflects the environmental, climate and other challenges that communities 
+        are experiencing.
+      
+                </p>
+                <p
+                  class="usa-collection__description"
+                >
+                  <b>
+                    Event info
+                  </b>
+                  : May 19th (4:00 PM EST)
+                </p>
+                <p
+                  class="usa-collection__description"
+                >
+                  <a
+                    href="https://pitc.zoomgov.com/webinar/register/WN_1PR73vLDQpq1zoAWkhKB5g"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    <button
+                      class="usa-button"
+                      data-testid="button"
+                      type="button"
+                    >
+                      Registration link
+                    </button>
+                  </a>
+                </p>
+              </div>
+            </li>
           </ul>
         </div>
         <div