publicdata/j40-cejst-2
1
0
Fork 0
mirror of https://github.com/DOI-DO/j40-cejst-2.git synced 2025-08-26 14:21:40 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

FAQs updates

Browse source
This commit is contained in:
Ryon Coleman 2024-12-16 11:15:19 -05:00 • committed by Carlos Felix
commit 30296b1264
11 changed files with 416 additions and 1017 deletions
Download patch file Download diff file Expand all files Collapse all files

14
client/src/components/AreaDetail/AreaDetail.tsx
View file

@ -1,6 +1,6 @@
/* eslint-disable quotes */
// External Libs:
import {Accordion, Button} from "@trussworks/react-uswds";
import {Accordion, Button, Icon} from "@trussworks/react-uswds";
import {MessageDescriptor, useIntl} from "gatsby-plugin-intl";
import React from "react";
@ -21,7 +21,6 @@ import * as styles from "./areaDetail.module.scss";
// @ts-ignore
import IslandCopy from "../IslandCopy/IslandCopy";
import launchIcon from "/node_modules/uswds/dist/img/usa-icons/launch.svg";
interface IAreaDetailProps {
properties: constants.J40Properties;
@ -1231,19 +1230,14 @@ const AreaDetail = ({properties}: IAreaDetailProps) => {
<div className={styles.buttonText}>
{EXPLORE_COPY.COMMUNITY.SEND_FEEDBACK.TITLE}
</div>
<img
className={styles.buttonImage}
src={launchIcon}
alt={intl.formatMessage(
EXPLORE_COPY.COMMUNITY.SEND_FEEDBACK.IMG_ICON.ALT_TAG,
)}
/>
<Icon.Launch aria-label={intl.formatMessage(EXPLORE_COPY.COMMUNITY.SEND_FEEDBACK.IMG_ICON.ALT_TAG)} />
</div>
</Button>
</a>
{/* All category accordions in this component */}
{<Accordion multiselectable={true} items={categoryItems} />}
{<Accordion multiselectable={true} items={categoryItems} className="-AreaDetail" />}
{/* Methodology version */}
<div className={styles.versionInfo}>

15
client/src/components/AreaDetail/areaDetail.module.scss
View file

@ -66,8 +66,8 @@ $sidePanelLabelFontColor: #171716;
.sendFeedbackBtn{
@include u-text("blue-70v");
@include u-bg("yellow-20v");
height: 40px;
height: 40px;
&:hover {
@include u-bg("yellow-20");
@include u-text("gray-90");
@ -79,13 +79,6 @@ $sidePanelLabelFontColor: #171716;
.buttonText{
@include u-margin-right(1);
}
.buttonImage{
width: 21px;
margin-top: -3px;
filter: invert(13%) sepia(76%) saturate(5142%) hue-rotate(192deg) brightness(80%) contrast(106%);
}
}
}
}
@ -104,7 +97,7 @@ $sidePanelLabelFontColor: #171716;
.censusText {
font-size: medium;
}
}
}
.categoryHeader {
@ -119,7 +112,7 @@ $sidePanelLabelFontColor: #171716;
.categorySpacer {
@include typeset('sans', '2xs', 2);
@include u-text('bold');
@include u-text('bold');
margin-left: -20px;
@include u-padding-top(1);

2
client/src/components/HowYouCanHelp/tests/__snapshots__/howYouCanHelp.test.tsx.snap
View file

@ -46,7 +46,7 @@ exports[`rendering of the HowYouCanHelp checks if various text fields are visibl
</ul>
<p>
The Council on Environmental Quality plans to issue a Request for Information in 2023. This will give the public time to use the tool before providing comments.
The Council on Environmental Quality plans to issue a Request for Information in 2023. This will give the public time to use the tool before providing comments.
</p>
</div>