* Fix all failing cypress tests
- update test name to be more appropriate
- update download packet tests to CDN
- update data-cy tag on About heading
* Update snapshot
* Add a11y tests in cypress for methodology page
- update cypress to version 8.5
- add HTML lang the <head> element
- change process list headings to h4
- add alt tag to download image icon
- move <GovBanner> into <Header>
- add documentation around a11y testing
* Add cypress a11y tests for cejst page
- add alt icon for mapIntro page
- change legend to be a normal div
- add a class that mimics the h4 styles
- remove superfluous styles
* Add cypress a11y tests for contact and 404 page
* Update snapshots
* Move static text in footer to copy folder
* Add cypress a11y test to About page
- add required h1 tag
- updates snapshot
* Add site_url.xml and modify robots.txt file
- adds plugins for robots.txt and sitemap
- remove env.local and will add env.production
- modifiy all yml files (docker and GHA) to specify new env variables
- refactor env variables to either DATA_SOURCE, SITE_URL or PATH_PREFIX
- set defaults for env variables in gatsby-config
- remove timeline component
- will add blank index page
- update README on info on env variables
* Add plugin to allow custom env vars
- allows system env vars, ie, DATA_SOURCE on client-side application
* Update displayed URLs in GHA to new CDN (d29)
- also updates the blank index.html
* Correct spacing
* Set SITE_URL to new CDN for robots.txt
* Remove SITE_URL as this is set by GHA
* Update README around docker and env vars
* Change map legend color key
- make legend key a circle
- remove blue border in legend
- remove blue border in color key of side panel
* Add space in CBG sub-headings
- update snaphots
* Add state to the AreaDetail component
- add useState to track the community of focus
- add useEffect to control rendering
- remove getCategorization()
- clean up all SASS around 'prioritization'
- add snapshots
* Open external links in new tabs
- allow contact page mailto link opens in new tab
- allow about page mailto link opens in new tab
- comment against opening external links in same tab
* Update snapshots
* Update version number on frontend
- add verion to download packet
- add verison to side panel
- update snaphots
- add version to constant file
* Add minor UI changes from QA
- adjust copy in download package
- update tests
* Refactor all intl code and will add page tests
- remove all copy app wide and place into respective data/copy folder
- adds tests for each page
- allow product to make copy changes in one place
- prepare for spanish language effort
* Add env variable to set path prefix
- When routing traffic to our new URL, the path prefix needs to be blank
- adding path prefix to be set by env var to yml files
* Update reference to env var in PATH_PREFIX
* Update PR message URL with CDN
- The actual website will point to the base url CDN
* Update copy on site based on living copy document
* Updates copy from living doc v2
- updates shots
* Update styling to sidepanel
- make indicator heading white
- change bg color of add'nl indicators 'FAFAFA'
* Separate dataset cards sections by style
- abstract out additional cards color to utils
- create a baseCard mixin
- add datasetCardAdditional style block
- add additionalIndicator prop to DatasetCard
- lower abstaction of GridContainer from methodology to DatasetContainer
- updates snapshot
* Swap resolution and source in dataset cards
- update snapshots
* Update SVGs on About page
- re-center the SVGs to content vertically
* Add basic accordion in AreaDetail
* Refactor AreaDetail to use a Grid layout
- adds useWindowSize to detect window resizes for mobile view
- Map and AreaDetail to use Grid
- removes some component styling from J40
- updates snapshot
- MapWrapper to use Grid
* Add custom Accordion styling
- make J40 map a 9:3 Grid layout split
- override native Accordion heading styles
- make the Accordion multi-selectable
- add some dummy data for indicators
* Update AreaDetail to match design
- remove styles in AreaDetail
- increase height of MapInfoPanel
- add Accordian items (indicators)
- updates snapshot
* Add a Beta Tag to the logo
* Change the line height on indicators descriptions
* Update package-lock after the rebase
* Remove threshold from MapLegend
- move feature selected border color to utils
- remove all tooltip logic
- remove all styles associated with tooltips
- add legend label and descript to constants
- refactor tests to be snapshots
* Add borders between additional indicators
* Modify copy and update styles
- add the ordinal superscript back
- update the copy
- update the snapshots
* Add additional indicators keys
* Connect indicator keys to the UI
- update the areaDetail snapshot
* Render additional indicators accordion open onLoad
- update snapshot
* Update copy on About page
* Update copy on indicator descriptions
- update snapshots
* Update the "How you can help section"
- update the snapshot
* Add a comma to "ZIP file will contain..."
* Add the Datasets section to the methodology page
- update snapshot
* Update Methodology process list to trussworks
- remove custom process list
- remove custom CSS from global file
- change copy
* Modify layout of Methodology to using Grid
- modify Dataset section to use Grid
- remove outdated component CSS
- update the snapshot
* Update copy based on product feedback
- update snapshots
* Remove Accordions
- updates snapshots
- white CBG groups will show "Not community of focus"
* integrate gherkin/cucumber w/ cypress
- change cypress.json config from e2e back to standard integration
- add cypress-cucumber-preprocessor
- add integration test of about page
* add a title to each page
* add intl to the 404 page
* Refactor explore tool page
- add intl to static strings
- replace component css with <Grid> layout
* Add title to contact page
* add intl to title of page
* Add gherkin tests for nav to about page
- navigate from any page to the about page
- ensure each link has the title correct on that page
* Revert "dockerize front end (#558)"
This reverts commit 89c23faf7a.
* comment out content from meth page
* updates download packet text
* updates copy
* Revert "dockerize front end (#558)"
This reverts commit 89c23faf7a.
* cleans up global.scss file
* removes all unused styles
* adds h1 and h2 via tokens
* adds design to developer pipeline
* adds headers to about page
* removes heading from logo
* adds headings to HowYouHelp and MapLegend
* adds headers to explore tool page
* updates about page with p tags
* add margin-bottom spacers
* updates areaDetail with p and h tags
* update p.secondary margin-top
* sticky footer on contact page
* fixes spacing in footer
* update designer process
* Revert "dockerize front end (#558)"
This reverts commit 89c23faf7a.
* dockerize frontend
- adds score server and website docker compose
- creates docker ignore
- adds .env.* for dev, prod and local
- adds dockerfile for website
- adds env to gatsby-config
- adds hostaddress to develop / start script
- adds istructions in README for running docker
- replaces fixed URLS with ones based on env vars
- creates a score server dockerfile
* updates README to change map tiles source
* adds env DATA_SOURCE:development to deploy GHA
* capitalize readme
* initial docker
* adds concurrency to be able to run yarn install
* adds 0.0.0.0 to allow docker access
* adds web service
* adds env variables
* updates root path
* adds volumes
* adds docker to readme
* adds score server client docker
* docker updates after convo
* speeds up build and removes env vars
* adds client as volume
* updates to docker setup
* checkpoint
* updates the docker file
* adds .env.* files
* replaces serve with http-server for cors
Co-authored-by: Jorge Escobar <jorge.e.escobar@omb.eop.gov>
* Fix button centering on iphone
For some reason, physical iPhones are not centering the text inside the map buttons correctly. (`48`, `AK`, `HI`, `PR`)
* convert to verbose css syntax
* Test using svg buttons
* Remove unused style reference
* Fix new icon svg images were "eating" the button's click events
* Fix footer alignment
* Can't really tweak alignment using trusswork's library.
* Reimplement parts of layout to control grid better.
* Removed trusswork's weird mobile expanding footer menu.
* Update snapshot
* Add some extra bottom padding for mobile view
* Replace fork of trussworks react/uswds with ^2.0.0
Since we're not using trusswork's `<Footer>` component anymore, we should be able to stop using our branch that fixes issues it has with Gatsby.
* Refactor alerts
* Remove J40Alert and classes
* Make AlertWrapper the primary component.
* Props to show one or both alerts
* Unit tests to verify one or both works correctly
* Update pages to use AlertWrapper
* Remove unused J40Aside.
* Remove dead code from index
* Card sections of the About page
* Create index.test.tsx
* Add test that verifies no console errors and no undefined variables.
* Added unit test with snapshot
* use global.console.error
* Fix unit test for console.error()
* Remove areasOfFocusList since it's no longer used
* CSS adjustments from PR
* Add back in AlertWrapper
* github.com link opens in new tab
* adds comment to globalize console.error check
* Refactor AboutCard
* Fixing the top grid so it resizes correctly on mobile. (e.g. using `<Grid desktop={{col: 9}}>` will expand to full width when going to mobile.
* So AboutCard can now do 'large' cards (ones at the top) and 'small' cards (ones at the bottom that are 2x per row).
* change `desktop` -> `tablet`
* `<Grid col={1}>{' '}</Grid>`
Co-authored-by: Vim <86254807+vim-usds@users.noreply.github.com>
* Fix putting elements under <p>
* Added Jest test to catch this mistake in the future. It does it by watching console.error().
To add in fixing the bug the test's emulated `console.error()` are echoed to the jest console.error() so they are not lost.
* I tested this by putting a `<h1>` back into the `<p>` and it caught it.
* Update scoreStepsList.test.tsx
* added comment to move console.error ticket to global location
Co-authored-by: Vim <86254807+vim-usds@users.noreply.github.com>
* update areaDetail with data from d3 CDN
- updated constants with d3 CDN info
- placed AreaDetail component in folder
- fixed J40Alert padding-left console warning
- added tests for both J40Alert rendering
* udpates FE to percentile data
* testing CORS on PR'd URL
* testing PR'd URL
* Step progress list
* Layout mostly done. Need to do intl() conversion but it's easier to understand the layout like this.
Will do intl in a different PR
* fix: `em` to `rem`
* Add basic snapshot unit test
* Refactor to move `<DatasetContainer>` out of layout
* `<DatasetContainer>` is now in the methodology page. Starting the review there will help understand the motive for this change.
* Fixed 404 page which seems way out of date.
* Use row/col grid syntax
