Skip to content

[MDS-5844] Declaration page #3046

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.

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

Merged
merged 25 commits into from
Apr 15, 2024
Merged

[MDS-5844] Declaration page #3046

merged 25 commits into from
Apr 15, 2024

Conversation

taraepp
Copy link
Collaborator

@taraepp taraepp commented Apr 9, 2024

Objective

  • add the declaration page

MDS-5844

Why are you making this change? Provide a short explanation and/or screenshots

  • gif of page fold wrapper component in action is too big for GH, but it's posted on the ticket

taraepp added 3 commits April 9, 2024 22:00
…Table also uses Collapse, updated to use attributes instead of setting global style.
@@ -39,26 +39,31 @@ const formatProjectContact = (contacts): IProjectContact[] => {

return formattedContacts;
};
const formatAuthorizations = (authorizations = [], authTypes) => {
const formatAuthorizations = (authorizations = [], amsAuthTypes, statusCode) => {
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this param was always amsAuthTypes, just made it more obvious

const renderSubrequirement = (item) => item.map((it) => <Subrequirement sub_requirement={it} />);
const renderSubrequirement = (item) =>
item.map((it) => {
//eslint-disable-next-line @typescript-eslint/no-use-before-define
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

all I wanted to do in this file was add a bordered=false param below, but eslint was not happy about that rule, and I found that the logic was kind of circular. I did give it its missing key though.

@@ -280,7 +280,6 @@ h5.ant-typography,
}

.ant-table-thead>tr>th {
background: #F7F8FA;
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This hasn't actually changed, but now it's in the webpack variables! Who knew that the index.pure.less rules I'm always fighting were defined by us all along...

$primary-color,
80%
); //color(~`colorPalette('${primary-color}', 2) `); // replace tint($primary-color, 80%)
$primary-1: tint($primary-color,
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think that all of the changes I made in theme.scss I ended up reverting in a later commit, so this is all eslint.

@@ -163,13 +163,13 @@ exports.loadCSS = ({ include, exclude } = {}) => ({
"border-color-base": "#003366",
"border-color-split": "#efefef",
"border-width-base": "2px",
"background-color-light": "#f7f8fa",
"background-color-light": "#f2f2f2",
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Turns out that this is where we go for changing global style variables, I feel kind of silly for not knowing/remembering before. I see you, border-radius: 5px. 👀

@taraepp taraepp marked this pull request as ready for review April 12, 2024 16:33
@@ -215,7 +214,7 @@ const prodConfig = merge([
}),
parts.bundleOptimization({
options: {
maxSize: 3000000,
// maxSize: 3000000,
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note for the future: the bundle splitting was causing errors in loading, follow up ticket made.

// color: $gov-red;
// }

// }
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Will this commented code still be used in future ?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ah this got missed in my reverting/unreverting. Going to re-instate it- it's necessary to show required mark on checkbox. Good catch!

Copy link
Contributor

@henryoforeh-dev henryoforeh-dev left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice, just a minor comment.

Copy link

Quality Gate Failed Quality Gate failed for 'bcgov-sonarcloud_mds_minespace-web'

Failed conditions
0.0% Coverage on New Code (required ≥ 80%)

See analysis details on SonarCloud

Copy link

Quality Gate Failed Quality Gate failed for 'bcgov-sonarcloud_mds_common'

Failed conditions
0.0% Coverage on New Code (required ≥ 80%)

See analysis details on SonarCloud

Copy link

Quality Gate Passed Quality Gate passed for 'bcgov-sonarcloud_mds_core-web'

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

Copy link

Quality Gate Failed Quality Gate failed for 'bcgov-sonarcloud_mds_core-api'

Failed conditions
0.0% Coverage on New Code (required ≥ 80%)
B Maintainability Rating on New Code (required ≥ A)

See analysis details on SonarCloud

Catch issues before they fail your Quality Gate with our IDE extension SonarLint

@taraepp taraepp merged commit ae55620 into develop Apr 15, 2024
@taraepp taraepp deleted the mds-5844-terms branch April 15, 2024 19:37
simensma-fresh pushed a commit that referenced this pull request Jun 12, 2024
* bulk of FE work for Declaration page, wrapper component for keeping content above page fold

* all the styling and layout fixes. ReviewSubmitInformatioNRequirementsTable also uses Collapse, updated to use attributes instead of setting global style.

* revert some FE changes, validate data on BE, fix an issue with checkbox display, do FE & BE testing

* be really explicit with cypress instructions

* test

* add selectors to core-web

* seeing if anything sticks

* seeing if commented out code passes in pipeline

* commenting out all scss changes on core

* comment out all scss additions on MS

* 🤷‍♀️

* commenting out changes in webpack

* stay unbroken?

* restore 'safe' css rules in core and remove commented out

* just one webpack variable...

* testing if it's a mismatch causing the issue

* seeing if same thing happens in CORE

* fix undefined variable in CORE

* revert test change on CORE, remove undefined from function params

* test make extractCSS call the same and bundleOptimization

* re-instate variable changes

* try putting maxSize back on

* disable max size for now

* taking out commented out code

* put back required mark on checkboxes
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants