Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

DIG-5479: APB Banner for year-end tax confirmation #1036

Open
wants to merge 2 commits into
base: develop
Choose a base branch
from
Open

DIG-5479: APB Banner for year-end tax confirmation #1036

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f361abe
DIG-5479: APB Banner for year end tax confirmation
phillipbentonkelly Dec 11, 2024
d66b56e
DIG-5479: APB Banner for year end tax confirmation wip#2
phillipbentonkelly Dec 12, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions services-js/access-boston/fixtures/apps.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
notice:
label: 'Notice'
label: 'City Employees - Go Paperless'
pretext: ''
text: 'Make your Access Boston account even more secure by setting up the PingID app. It is faster and easier to use than getting codes via text, email or phone! Directions are [here](https://www.boston.gov/access-boston-portal-help#pingid-app-instructions)'
text: 'Click the ESS tile to confirm that your mailing address is correct & to go paperless for your W2, ACA and paystubs. Tax documents will be available in January.'
# text: 'Make your Access Boston account even more secure by setting up the PingID app. It is faster and easier to use than getting codes via text, email or phone! Directions are [here](https://www.boston.gov/access-boston-portal-help#pingid-app-instructions)'
categories:
- title: Applications
show_request_access_link: false
Expand Down
35 changes: 35 additions & 0 deletions services-js/access-boston/src/client/common/icons/info.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
/** @jsx jsx */

import { jsx, css } from '@emotion/core';

/**
* @name infoSvg
*/

export const InfoSVG = () => {
return (
<span css={INFO_STYLING}>
<svg
// width="33"
// height="32"
viewBox="0 0 33 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15.1666 12H17.8333V9.33334H15.1666M16.5 26.6667C10.62 26.6667 5.83329 21.88 5.83329 16C5.83329 10.12 10.62 5.33334 16.5 5.33334C22.38 5.33334 27.1666 10.12 27.1666 16C27.1666 21.88 22.38 26.6667 16.5 26.6667ZM16.5 2.66667C14.749 2.66667 13.0152 3.01155 11.3975 3.68161C9.77984 4.35167 8.30998 5.3338 7.07187 6.57191C4.57138 9.0724 3.16663 12.4638 3.16663 16C3.16663 19.5362 4.57138 22.9276 7.07187 25.4281C8.30998 26.6662 9.77984 27.6483 11.3975 28.3184C13.0152 28.9885 14.749 29.3333 16.5 29.3333C20.0362 29.3333 23.4276 27.9286 25.928 25.4281C28.4285 22.9276 29.8333 19.5362 29.8333 16C29.8333 14.249 29.4884 12.5152 28.8184 10.8976C28.1483 9.27988 27.1662 7.81003 25.928 6.57191C24.6899 5.3338 23.2201 4.35167 21.6024 3.68161C19.9847 3.01155 18.2509 2.66667 16.5 2.66667ZM15.1666 22.6667H17.8333V14.6667H15.1666V22.6667Z"
fill="#1871BD"
/>
</svg>
</span>
);
};

const INFO_STYLING = css(`
'& > svg': {
width: 32px;
height: 32px;
}
`);

export default InfoSVG;
90 changes: 2 additions & 88 deletions services-js/access-boston/src/stories/__snapshots__/Storyshots.test.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3489,25 +3489,14 @@ exports[`Storyshots Confirm-Identity Review 1`] = `
Data of Birth (MM/DD/YYYY)
</legend>
<div
className="disabled css-zu1hcp"
className="disabled css-1wyga37"
>
<div>
<label
className="txt-l"
htmlFor="dob-month"
>
Month
<span
aria-hidden="true"
className="t--req"
style={
Object {
"marginLeft": "0.35em",
}
}
>
Required
</span>
</label>
<input
className="txt-f"
Expand All @@ -3531,17 +3520,6 @@ exports[`Storyshots Confirm-Identity Review 1`] = `
htmlFor="dob-day"
>
Day
<span
aria-hidden="true"
className="t--req"
style={
Object {
"marginLeft": "0.35em",
}
}
>
Required
</span>
</label>
<input
className="txt-f"
Expand All @@ -3565,17 +3543,6 @@ exports[`Storyshots Confirm-Identity Review 1`] = `
htmlFor="dob-year"
>
Year
<span
aria-hidden="true"
className="t--req"
style={
Object {
"marginLeft": "0.35em",
}
}
>
Required
</span>
</label>
<input
className="txt-f"
Expand Down Expand Up @@ -3952,25 +3919,14 @@ exports[`Storyshots Confirm-Identity Validate 1`] = `
Data of Birth (MM/DD/YYYY)
</legend>
<div
className=" css-zu1hcp"
className=" css-1wyga37"
>
<div>
<label
className="txt-l"
htmlFor="dob-month"
>
Month
<span
aria-hidden="true"
className="t--req"
style={
Object {
"marginLeft": "0.35em",
}
}
>
Required
</span>
</label>
<input
className="txt-f"
Expand All @@ -3993,17 +3949,6 @@ exports[`Storyshots Confirm-Identity Validate 1`] = `
htmlFor="dob-day"
>
Day
<span
aria-hidden="true"
className="t--req"
style={
Object {
"marginLeft": "0.35em",
}
}
>
Required
</span>
</label>
<input
className="txt-f"
Expand All @@ -4026,17 +3971,6 @@ exports[`Storyshots Confirm-Identity Validate 1`] = `
htmlFor="dob-year"
>
Year
<span
aria-hidden="true"
className="t--req"
style={
Object {
"marginLeft": "0.35em",
}
}
>
Required
</span>
</label>
<input
className="txt-f"
Expand Down Expand Up @@ -11229,11 +11163,6 @@ exports[`Storyshots RegisterMfaPage default 1`] = `
<div
className="txt-l"
id="smsOrVoice-groupLabel"
style={
Object {
"display": "flex",
}
}
>
How should we send security codes?
</div>
Expand Down Expand Up @@ -11776,11 +11705,6 @@ exports[`Storyshots RegisterMfaPage modal open 1`] = `
<div
className="txt-l"
id="smsOrVoice-groupLabel"
style={
Object {
"display": "flex",
}
}
>
How should we send security codes?
</div>
Expand Down Expand Up @@ -12142,11 +12066,6 @@ exports[`Storyshots RegisterMfaPage/DeviceVerificationForm code sending error 1`
<div
className="txt-l"
id="smsOrVoice-groupLabel"
style={
Object {
"display": "flex",
}
}
>
How should we send security codes?
</div>
Expand Down Expand Up @@ -12486,11 +12405,6 @@ exports[`Storyshots RegisterMfaPage/DeviceVerificationForm phone 1`] = `
<div
className="txt-l"
id="smsOrVoice-groupLabel"
style={
Object {
"display": "flex",
}
}
>
How should we send security codes?
</div>
Expand Down