RFI link to contact page (#1528)

* Add RFI to contact page

* Move to a 8:4 column layout for the contact page

- add margin above footer
- update snapshots

* Add period to copy

* add download attribute to <a> tag

- fix local cypress tess

client/src/pages/__snapshots__/contact.test.tsx.snap

@@ -339,11 +339,11 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
         </div>
       </section>
       <div
-        class="grid-row"
+        class="grid-row grid-gap-6"
         data-testid="grid"
       >
         <div
-          class="grid-col"
+          class="grid-col-12 desktop:grid-col-8"
           data-testid="grid"
         >
           <h2>
@@ -399,6 +399,40 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
     
           </p>
         </div>
+        <div
+          class="grid-col-12 desktop:grid-col-4"
+          data-testid="grid"
+        >
+          <div
+            class="usa-summary-box"
+            data-testid="summary-box"
+          >
+            <div
+              class="usa-summary-box__body"
+            >
+              <h3
+                class="usa-summary-box__heading"
+              >
+                Request for Infomation
+              </h3>
+              <div
+                class="usa-summary-box__text"
+              >
+                During the beta period, comments may be submitted on the Climate and Economic Justice Screening Tool via CEQ’s Request for Information available on 
+                <a
+                  class="usa-link usa-link--external"
+                  data-cy=""
+                  href="https://www.federalregister.gov/d/2022-03920"
+                  rel="noreferrer"
+                  target="_blank"
+                >
+                  federalregister.gov
+                </a>
+                .
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </main>

client/src/pages/__snapshots__/methodology.test.tsx.snap

@@ -420,6 +420,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                   <div>
                     <a
                       data-cy="download-link"
+                      download=""
                       href="//"
                     >
                       <button

client/src/pages/contact.tsx

@@ -6,6 +6,7 @@ import J40MainGridContainer from '../components/J40MainGridContainer';
 import Layout from '../components/layout';
 import LinkTypeWrapper from '../components/LinkTypeWrapper';
 import PublicEngageButton from '../components/PublicEngageButton';
+import RequestForInfo from '../components/RequestForInfo';
 
 import * as CONTACT_COPY from '../data/copy/contact';
 import * as COMMON_COPY from '../data/copy/common';
@@ -26,8 +27,10 @@ const ContactPage = ({location}: IContactPageProps) => {
           <PublicEngageButton />
         </section>
 
-        <Grid row>
-          <Grid col>
+        <Grid row gap={6}>
+
+          {/* First column */}
+          <Grid desktop={{col: 8}} col={12}>
             <h2>
               {intl.formatMessage(CONTACT_COPY.PAGE_INTRO.PAGE_SUB_HEADING)}
             </h2>
@@ -38,12 +41,12 @@ const ContactPage = ({location}: IContactPageProps) => {
                 defaultMessage={CONTACT_COPY.CONTACT_VIA_EMAIL.DEFAULT_MESSAGE}
                 values={{
                   general_email_address:
-                  <LinkTypeWrapper
-                    linkText= {COMMON_COPY.FEEDBACK_EMAIL}
-                    internal= {false}
-                    url= {`mailto:${COMMON_COPY.FEEDBACK_EMAIL}`}
-                    openUrlNewTab= {true}
-                  />,
+                <LinkTypeWrapper
+                  linkText= {COMMON_COPY.FEEDBACK_EMAIL}
+                  internal= {false}
+                  url= {`mailto:${COMMON_COPY.FEEDBACK_EMAIL}`}
+                  openUrlNewTab= {true}
+                />,
                 }}/>
             </p>
             <h3>{CONTACT_COPY.CENSUS_TRACT_FEEDBACK.TITLE}</h3>
@@ -51,6 +54,11 @@ const ContactPage = ({location}: IContactPageProps) => {
             <p>{CONTACT_COPY.CENSUS_TRACT_FEEDBACK.PARAGRAPH2}</p>
             <p>{CONTACT_COPY.CENSUS_TRACT_FEEDBACK.PARAGRAPH3}</p>
           </Grid>
+
+          {/* Second Column */}
+          <Grid desktop={{col: 4}} col={12}>
+            <RequestForInfo />
+          </Grid>
         </Grid>
       </J40MainGridContainer>
     </Layout>