From e4cb5e3e45ee447995e14a6de03f2a9670bb2eb5 Mon Sep 17 00:00:00 2001 From: hanboyu Date: Sun, 24 Sep 2023 15:22:55 -0400 Subject: [PATCH 1/8] Adjust copy on desktop add/edit testimony #1305 --- package.json | 5 +++-- yarn.lock | 27 ++++++++++++++++++--------- 2 files changed, 21 insertions(+), 11 deletions(-) diff --git a/package.json b/package.json index 924d23eae..e557c62d4 100644 --- a/package.json +++ b/package.json @@ -152,7 +152,8 @@ "@types/luxon": "^2.0.9", "@types/marked": "^4.0.8", "@types/mustache": "^4.2.1", - "@types/node": "^17.0.36", + "@types/node": "20.5.9", + "@types/react": "18.2.21", "@types/react-copy-to-clipboard": "^5.0.4", "@types/styled-components": "^5.1.21", "all-contributors-cli": "^6.20.5", @@ -182,7 +183,7 @@ "storybook-addon-next": "^1.6.9", "ts-node": "^10.5.0", "tsconfig-paths": "^4.1.2", - "typescript": "4.5.5", + "typescript": "5.2.2", "yargs": "^17.5.1" } } diff --git a/yarn.lock b/yarn.lock index 4f8c1bca8..731931c81 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5977,6 +5977,11 @@ resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.22.tgz#0d29f382472c4ccf3bd96ff0ce47daf5b7b84b18" integrity sha512-g+f/qj/cNcqKkc3tFqlXOYjrmZA+jNBiDzbP3kH+B+otKFqAdPgVTGP1IeKRdMml/aE69as5S4FqtxAbl+LaMw== +"@types/node@20.5.9": + version "20.5.9" + resolved "https://registry.yarnpkg.com/@types/node/-/node-20.5.9.tgz#a70ec9d8fa0180a314c3ede0e20ea56ff71aed9a" + integrity sha512-PcGNd//40kHAS3sTlzKB9C9XL4K0sTup8nbG5lC14kzEteTNuAFh9u5nA0o5TWnSG2r/JNPRXFVcHJIIeRlmqQ== + "@types/node@>=12.12.47", "@types/node@>=13.7.0": version "17.0.12" resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.12.tgz#f7aa331b27f08244888c47b7df126184bc2339c5" @@ -5987,11 +5992,6 @@ resolved "https://registry.yarnpkg.com/@types/node/-/node-16.11.57.tgz#786f74cef16acf2c5eb11795b6c3f7ae93596662" integrity sha512-diBb5AE2V8h9Fs9zEDtBwSeLvIACng/aAkdZ3ujMV+cGuIQ9Nc/V+wQqurk9HJp8ni5roBxQHW21z/ZYbGDivg== -"@types/node@^17.0.36": - version "17.0.36" - resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.36.tgz#c0d5f2fe76b47b63e0e0efc3d2049a9970d68794" - integrity sha512-V3orv+ggDsWVHP99K3JlwtH20R7J4IhI1Kksgc+64q5VxgfRkQG8Ws3MFm/FZOKDYGy9feGFlZ70/HpCNe9QaA== - "@types/normalize-package-data@^2.4.0": version "2.4.1" resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz#d3357479a0fdfdd5907fe67e17e0a85c906e1301" @@ -6099,6 +6099,15 @@ "@types/prop-types" "*" csstype "^3.0.2" +"@types/react@18.2.21": + version "18.2.21" + resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.21.tgz#774c37fd01b522d0b91aed04811b58e4e0514ed9" + integrity sha512-neFKG/sBAwGxHgXiIxnbm3/AAVQ/cMRS93hvBpg8xYRbeQSPVABp9U2bRnPf0iI4+Ucdv3plSxKK+3CW2ENJxA== + dependencies: + "@types/prop-types" "*" + "@types/scheduler" "*" + csstype "^3.0.2" + "@types/react@>=16.14.8": version "17.0.38" resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.38.tgz#f24249fefd89357d5fa71f739a686b8d7c7202bd" @@ -20494,10 +20503,10 @@ typedarray@^0.0.6: resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777" integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA== -typescript@4.5.5: - version "4.5.5" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.5.5.tgz#d8c953832d28924a9e3d37c73d729c846c5896f3" - integrity sha512-TCTIul70LyWe6IJWT8QSYeA54WQe8EjQFU4wY52Fasj5UKx88LNYKCgBEHcOMOrFF1rKGbD8v/xcNWVUq9SymA== +typescript@5.2.2: + version "5.2.2" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.2.2.tgz#5ebb5e5a5b75f085f22bc3f8460fba308310fa78" + integrity sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w== typesense-instantsearch-adapter@^2.4.0: version "2.4.0" From a6083ab0c32b777fe9ac5271dd0d440d078f9a48 Mon Sep 17 00:00:00 2001 From: hanboyu Date: Sun, 24 Sep 2023 22:10:34 -0400 Subject: [PATCH 2/8] Adjusted add testimony step 1 --- components/publish/StepChip.tsx | 7 +++++-- components/publish/StepHeader.tsx | 2 +- components/publish/SubmitTestimonyForm.tsx | 10 +++++----- 3 files changed, 11 insertions(+), 8 deletions(-) diff --git a/components/publish/StepChip.tsx b/components/publish/StepChip.tsx index 623cc709a..dd8572186 100644 --- a/components/publish/StepChip.tsx +++ b/components/publish/StepChip.tsx @@ -10,13 +10,16 @@ export const StepChip = styled<{ return
})` background-color: var( - ${({ active = false }) => (active ? "--bs-green" : "--bs-blue")} + ${({ active = false }) => (active ? "--bs-green" : "--bs-white")} ); font-size: ${({ scale = 1 }) => scale * 1.25}rem; width: ${({ scale = 1 }) => scale * chipHeight}rem; height: ${({ scale = 1 }) => scale * chipHeight}rem; font-style: bold; - color: white; + color: var(${({ active = false }) => (active ? "--bs-white" : "--bs-blue")}); + border-style:solid; + border-width: 1px; + border-color: ${({active = false}) => (active ? "transparent" : "var(--bs-blue)")}; border-radius: 50%; display: flex; align-items: center; diff --git a/components/publish/StepHeader.tsx b/components/publish/StepHeader.tsx index c0f234c6d..d6fe17bde 100644 --- a/components/publish/StepHeader.tsx +++ b/components/publish/StepHeader.tsx @@ -6,7 +6,7 @@ export const StepHeader = styled<{ step?: number }>( return (
{!!step && ( - + {step} )} diff --git a/components/publish/SubmitTestimonyForm.tsx b/components/publish/SubmitTestimonyForm.tsx index b31c7b7f3..de518da6a 100644 --- a/components/publish/SubmitTestimonyForm.tsx +++ b/components/publish/SubmitTestimonyForm.tsx @@ -93,12 +93,12 @@ const Form = ({ const Overview = ({ className }: { className: string }) => (
-

Write your Testimony

+

Write, Publish, and Send Your Testimony!

-
- Let your voice be heard! MAPLE gives users the ability to send their - unfiltered feedback on bills to legislators, comittees, and other - relevant parties. Writing testimony is as easy as 1-2-3! +
+ Your voice matters. And it's important that you share it. MAPLE helps you + 1) write testimony, 2) publish it to our community, and 3) send it to the right + legislators so it can be formally considered. It's easy as 1-2-3!
From e0ba082a46f07a6f6f5b0dfc4e7e55fe4cdfa58d Mon Sep 17 00:00:00 2001 From: hanboyu Date: Tue, 3 Oct 2023 15:25:13 -0400 Subject: [PATCH 3/8] Added side note for write testimony --- components/publish/KeepNote.tsx | 72 ++++++++++++++++++++++ components/publish/SubmitTestimonyForm.tsx | 12 ++-- 2 files changed, 80 insertions(+), 4 deletions(-) create mode 100644 components/publish/KeepNote.tsx diff --git a/components/publish/KeepNote.tsx b/components/publish/KeepNote.tsx new file mode 100644 index 000000000..d6ffa62c9 --- /dev/null +++ b/components/publish/KeepNote.tsx @@ -0,0 +1,72 @@ +import styled from "styled-components" +import { Image } from "../bootstrap" +import { Step } from "./redux" + + +export const KeepNote = (props:{currentStep:Step}) => { + return ( + + Keep Note + {(props.currentStep == "selectLegislators" || props.currentStep == "write") ? + : } + + ); +} + +export const NoteContentForWrite = () => { + return ( + +
+ +
+ Please keep in mind... +
    + We do not send an email for you. This is a preview of what your email to legislators will look like. On the next page, you will be asked to “send email” which will open your email client (e.g., Outlook) and populate an email with your testimony. + Your testimony needs to be shared with the right legislators. Your email “To:” box will be populated with the legislators you add here. We've pre-populated this with the most relevant legislators: 1) the Chairs of the Committee reviewing this bill; and 2) your own legislators. + When you send this email, you are submitting formal public testimony! As fellow constituents, we thank you for your sharing your voice. +
+ + ); +} + +export const NoteContentForSend = () => { + return ( + +
+ +
+ Rules for Testimony on MAPLE: +
    + You can edit your testimony up to 5 times but the previous versions will remain available. + Since MAPLE is an archive you cannot remove your testimony from the site. + Don't forget to send the email to your legislator. +
+ + ); +} + +const NoteContainer = styled.div` + background: var(--bs-body-bg); + display: flex; + flex-direction: column; + padding: 0rem 0rem 1rem 0rem; + height: 100%; + `, +HeaderContainer = styled.h4` + background: var(--bs-orange); + color: var(--bs-white); + padding: 1rem 0rem 1rem 0rem; + text-align: center; + `, +NoteSubtitle = styled.p` + color: var(--bs-blue); + font-weight: 700; + padding: 10px; + `, +NoteContent = styled.div` + line-height: normal; + `, +NoteItem = styled.li` + margin-top: 20px; + font-weight: 500; + ` diff --git a/components/publish/SubmitTestimonyForm.tsx b/components/publish/SubmitTestimonyForm.tsx index de518da6a..9bffa2c44 100644 --- a/components/publish/SubmitTestimonyForm.tsx +++ b/components/publish/SubmitTestimonyForm.tsx @@ -13,6 +13,7 @@ import { Step } from "./redux" import { SelectLegislatorsCta } from "./SelectLegislatorsCta" import { ShareTestimony } from "./ShareTestimony" import { WriteTestimony } from "./WriteTestimony" +import { KeepNote } from "./KeepNote" const Background = styled.div` background: linear-gradient(to right, white 50%, var(--bs-body-bg) 50%); @@ -33,10 +34,13 @@ export const SubmitTestimonyForm = () => {
- {["publish", "share"].includes(form.step) ? ( - - ) : ( - + {form.step == "position" ? ( + ["publish", "share"].includes(form.step) ? ( + + ) : ( + + )) : ( + )} From 2d2c74453243757e075dbfe02f62936c86027bdc Mon Sep 17 00:00:00 2001 From: hanboyu Date: Tue, 3 Oct 2023 15:50:58 -0400 Subject: [PATCH 4/8] Added text for submit testimony --- components/publish/PublishTestimony.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/components/publish/PublishTestimony.tsx b/components/publish/PublishTestimony.tsx index 5626a7625..7d77fe5b3 100644 --- a/components/publish/PublishTestimony.tsx +++ b/components/publish/PublishTestimony.tsx @@ -73,6 +73,7 @@ export const PublishTestimony = styled(({ ...rest }) => { left={} right={} /> +

After clicking “publish” please click “Send Email” to open your email client (e.g., Outlook) and send the email populated with your testimony! Or, click the “copy” buttons to manually copy the testimony and recipients of your email.

) })`` From b19bbfa91d55b4b3faa164a99d57421ebe803d71 Mon Sep 17 00:00:00 2001 From: hanboyu Date: Tue, 3 Oct 2023 16:42:09 -0400 Subject: [PATCH 5/8] Revert "Adjust copy on desktop add/edit testimony #1305" This reverts commit e4cb5e3e45ee447995e14a6de03f2a9670bb2eb5. --- package.json | 5 ++--- yarn.lock | 27 +++++++++------------------ 2 files changed, 11 insertions(+), 21 deletions(-) diff --git a/package.json b/package.json index e557c62d4..924d23eae 100644 --- a/package.json +++ b/package.json @@ -152,8 +152,7 @@ "@types/luxon": "^2.0.9", "@types/marked": "^4.0.8", "@types/mustache": "^4.2.1", - "@types/node": "20.5.9", - "@types/react": "18.2.21", + "@types/node": "^17.0.36", "@types/react-copy-to-clipboard": "^5.0.4", "@types/styled-components": "^5.1.21", "all-contributors-cli": "^6.20.5", @@ -183,7 +182,7 @@ "storybook-addon-next": "^1.6.9", "ts-node": "^10.5.0", "tsconfig-paths": "^4.1.2", - "typescript": "5.2.2", + "typescript": "4.5.5", "yargs": "^17.5.1" } } diff --git a/yarn.lock b/yarn.lock index 731931c81..4f8c1bca8 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5977,11 +5977,6 @@ resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.22.tgz#0d29f382472c4ccf3bd96ff0ce47daf5b7b84b18" integrity sha512-g+f/qj/cNcqKkc3tFqlXOYjrmZA+jNBiDzbP3kH+B+otKFqAdPgVTGP1IeKRdMml/aE69as5S4FqtxAbl+LaMw== -"@types/node@20.5.9": - version "20.5.9" - resolved "https://registry.yarnpkg.com/@types/node/-/node-20.5.9.tgz#a70ec9d8fa0180a314c3ede0e20ea56ff71aed9a" - integrity sha512-PcGNd//40kHAS3sTlzKB9C9XL4K0sTup8nbG5lC14kzEteTNuAFh9u5nA0o5TWnSG2r/JNPRXFVcHJIIeRlmqQ== - "@types/node@>=12.12.47", "@types/node@>=13.7.0": version "17.0.12" resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.12.tgz#f7aa331b27f08244888c47b7df126184bc2339c5" @@ -5992,6 +5987,11 @@ resolved "https://registry.yarnpkg.com/@types/node/-/node-16.11.57.tgz#786f74cef16acf2c5eb11795b6c3f7ae93596662" integrity sha512-diBb5AE2V8h9Fs9zEDtBwSeLvIACng/aAkdZ3ujMV+cGuIQ9Nc/V+wQqurk9HJp8ni5roBxQHW21z/ZYbGDivg== +"@types/node@^17.0.36": + version "17.0.36" + resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.36.tgz#c0d5f2fe76b47b63e0e0efc3d2049a9970d68794" + integrity sha512-V3orv+ggDsWVHP99K3JlwtH20R7J4IhI1Kksgc+64q5VxgfRkQG8Ws3MFm/FZOKDYGy9feGFlZ70/HpCNe9QaA== + "@types/normalize-package-data@^2.4.0": version "2.4.1" resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz#d3357479a0fdfdd5907fe67e17e0a85c906e1301" @@ -6099,15 +6099,6 @@ "@types/prop-types" "*" csstype "^3.0.2" -"@types/react@18.2.21": - version "18.2.21" - resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.21.tgz#774c37fd01b522d0b91aed04811b58e4e0514ed9" - integrity sha512-neFKG/sBAwGxHgXiIxnbm3/AAVQ/cMRS93hvBpg8xYRbeQSPVABp9U2bRnPf0iI4+Ucdv3plSxKK+3CW2ENJxA== - dependencies: - "@types/prop-types" "*" - "@types/scheduler" "*" - csstype "^3.0.2" - "@types/react@>=16.14.8": version "17.0.38" resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.38.tgz#f24249fefd89357d5fa71f739a686b8d7c7202bd" @@ -20503,10 +20494,10 @@ typedarray@^0.0.6: resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777" integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA== -typescript@5.2.2: - version "5.2.2" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.2.2.tgz#5ebb5e5a5b75f085f22bc3f8460fba308310fa78" - integrity sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w== +typescript@4.5.5: + version "4.5.5" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.5.5.tgz#d8c953832d28924a9e3d37c73d729c846c5896f3" + integrity sha512-TCTIul70LyWe6IJWT8QSYeA54WQe8EjQFU4wY52Fasj5UKx88LNYKCgBEHcOMOrFF1rKGbD8v/xcNWVUq9SymA== typesense-instantsearch-adapter@^2.4.0: version "2.4.0" From 7bb962d863b2442fd3017f0a12cb779d6141bb01 Mon Sep 17 00:00:00 2001 From: hanboyu Date: Tue, 3 Oct 2023 21:12:05 -0400 Subject: [PATCH 6/8] Cleaned up some if statements --- components/publish/SubmitTestimonyForm.tsx | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/components/publish/SubmitTestimonyForm.tsx b/components/publish/SubmitTestimonyForm.tsx index f1817ad7a..7688542fb 100644 --- a/components/publish/SubmitTestimonyForm.tsx +++ b/components/publish/SubmitTestimonyForm.tsx @@ -35,11 +35,8 @@ export const SubmitTestimonyForm = () => { {form.step == "position" ? ( - ["publish", "share"].includes(form.step) ? ( - - ) : ( - )) : ( + ) : ( )} From 30193514c8fc6189cf9d81d8c5ee1cf53847d66c Mon Sep 17 00:00:00 2001 From: hanboyu Date: Tue, 10 Oct 2023 17:22:25 -0400 Subject: [PATCH 7/8] Fixed build error in StepHeader --- components/publish/StepHeader.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/publish/StepHeader.tsx b/components/publish/StepHeader.tsx index d6fe17bde..c0f234c6d 100644 --- a/components/publish/StepHeader.tsx +++ b/components/publish/StepHeader.tsx @@ -6,7 +6,7 @@ export const StepHeader = styled<{ step?: number }>( return (
{!!step && ( - + {step} )} From c6a9764672dcbf9522c856bad6aa84c5543794bc Mon Sep 17 00:00:00 2001 From: hanboyu Date: Tue, 10 Oct 2023 21:39:39 -0400 Subject: [PATCH 8/8] Ran prettier --- components/publish/KeepNote.tsx | 116 +++++++++++++-------- components/publish/PublishTestimony.tsx | 7 +- components/publish/StepChip.tsx | 5 +- components/publish/SubmitTestimonyForm.tsx | 15 +-- 4 files changed, 89 insertions(+), 54 deletions(-) diff --git a/components/publish/KeepNote.tsx b/components/publish/KeepNote.tsx index d6ffa62c9..a122d2969 100644 --- a/components/publish/KeepNote.tsx +++ b/components/publish/KeepNote.tsx @@ -2,47 +2,75 @@ import styled from "styled-components" import { Image } from "../bootstrap" import { Step } from "./redux" - -export const KeepNote = (props:{currentStep:Step}) => { - return ( - - Keep Note - {(props.currentStep == "selectLegislators" || props.currentStep == "write") ? - : } - - ); +export const KeepNote = (props: { currentStep: Step }) => { + return ( + + Keep Note + {props.currentStep == "selectLegislators" || + props.currentStep == "write" ? ( + + ) : ( + + )} + + ) } export const NoteContentForWrite = () => { - return ( - -
- -
- Please keep in mind... -
    - We do not send an email for you. This is a preview of what your email to legislators will look like. On the next page, you will be asked to “send email” which will open your email client (e.g., Outlook) and populate an email with your testimony. - Your testimony needs to be shared with the right legislators. Your email “To:” box will be populated with the legislators you add here. We've pre-populated this with the most relevant legislators: 1) the Chairs of the Committee reviewing this bill; and 2) your own legislators. - When you send this email, you are submitting formal public testimony! As fellow constituents, we thank you for your sharing your voice. -
- - ); + return ( + +
+ +
+ Please keep in mind... +
    + + We do not send an email for you. This is a preview of what your + email to legislators will look like. On the next page, you will be + asked to “send email” which will open your email client (e.g., + Outlook) and populate an email with your testimony. + + + Your testimony needs to be shared with the right legislators. Your + email “To:” box will be populated with the legislators you add here. + We've pre-populated this with the most relevant legislators: 1) the + Chairs of the Committee reviewing this bill; and 2) your own + legislators. + + + When you send this email, you are submitting formal public testimony! + As fellow constituents, we thank you for your sharing your voice. + +
+ + ) } export const NoteContentForSend = () => { - return ( - -
- -
- Rules for Testimony on MAPLE: -
    - You can edit your testimony up to 5 times but the previous versions will remain available. - Since MAPLE is an archive you cannot remove your testimony from the site. - Don't forget to send the email to your legislator. -
- - ); + return ( + +
+ +
+ Rules for Testimony on MAPLE: +
    + + You can edit your testimony up to 5 times but the previous versions + will remain available. + + + Since MAPLE is an archive you cannot remove your testimony from the + site. + + Don't forget to send the email to your legislator. +
+ + ) } const NoteContainer = styled.div` @@ -51,22 +79,22 @@ const NoteContainer = styled.div` flex-direction: column; padding: 0rem 0rem 1rem 0rem; height: 100%; - `, -HeaderContainer = styled.h4` + `, + HeaderContainer = styled.h4` background: var(--bs-orange); color: var(--bs-white); padding: 1rem 0rem 1rem 0rem; text-align: center; - `, -NoteSubtitle = styled.p` + `, + NoteSubtitle = styled.p` color: var(--bs-blue); font-weight: 700; padding: 10px; - `, -NoteContent = styled.div` + `, + NoteContent = styled.div` line-height: normal; - `, -NoteItem = styled.li` + `, + NoteItem = styled.li` margin-top: 20px; font-weight: 500; - ` + ` diff --git a/components/publish/PublishTestimony.tsx b/components/publish/PublishTestimony.tsx index 7d77fe5b3..5ae722f4e 100644 --- a/components/publish/PublishTestimony.tsx +++ b/components/publish/PublishTestimony.tsx @@ -73,7 +73,12 @@ export const PublishTestimony = styled(({ ...rest }) => { left={} right={} /> -

After clicking “publish” please click “Send Email” to open your email client (e.g., Outlook) and send the email populated with your testimony! Or, click the “copy” buttons to manually copy the testimony and recipients of your email.

+

+ After clicking “publish” please click “Send Email” to open your email + client (e.g., Outlook) and send the email populated with your testimony! + Or, click the “copy” buttons to manually copy the testimony and + recipients of your email. +

) })`` diff --git a/components/publish/StepChip.tsx b/components/publish/StepChip.tsx index dd8572186..8ee4d4396 100644 --- a/components/publish/StepChip.tsx +++ b/components/publish/StepChip.tsx @@ -17,9 +17,10 @@ export const StepChip = styled<{ height: ${({ scale = 1 }) => scale * chipHeight}rem; font-style: bold; color: var(${({ active = false }) => (active ? "--bs-white" : "--bs-blue")}); - border-style:solid; + border-style: solid; border-width: 1px; - border-color: ${({active = false}) => (active ? "transparent" : "var(--bs-blue)")}; + border-color: ${({ active = false }) => + active ? "transparent" : "var(--bs-blue)"}; border-radius: 50%; display: flex; align-items: center; diff --git a/components/publish/SubmitTestimonyForm.tsx b/components/publish/SubmitTestimonyForm.tsx index 7688542fb..9a41515a9 100644 --- a/components/publish/SubmitTestimonyForm.tsx +++ b/components/publish/SubmitTestimonyForm.tsx @@ -35,9 +35,9 @@ export const SubmitTestimonyForm = () => { {form.step == "position" ? ( - - ) : ( - + + ) : ( + )} @@ -97,10 +97,11 @@ const Overview = ({ className }: { className: string }) => (

Write, Publish, and Send Your Testimony!

-
- Your voice matters. And it's important that you share it. MAPLE helps you - 1) write testimony, 2) publish it to our community, and 3) send it to the right - legislators so it can be formally considered. It's easy as 1-2-3! +
+ Your voice matters. And it's important that you share it. MAPLE helps + you 1) write testimony, 2) publish it to our community, and 3) send it + to the right legislators so it can be formally considered. It's easy as + 1-2-3!