From a10e8e7f8570133f278a6f6f97e767382d31e698 Mon Sep 17 00:00:00 2001 From: Jonathan Sharman Date: Tue, 16 Jan 2024 09:18:25 -0800 Subject: [PATCH 1/5] feat: add a whats new section to home --- app/pages/index.tsx | 43 +++++++++++++++++++++++++++++++++++- app/svg/WhatsNewSVG.tsx | 48 +++++++++++++++++++++++++++++++++++++++++ 2 files changed, 90 insertions(+), 1 deletion(-) create mode 100644 app/svg/WhatsNewSVG.tsx diff --git a/app/pages/index.tsx b/app/pages/index.tsx index bfe74fb46..3e945ead6 100644 --- a/app/pages/index.tsx +++ b/app/pages/index.tsx @@ -7,12 +7,13 @@ import DefaultButton from '@button-inc/bcgov-theme/Button'; import ResponsiveContainer, { defaultRules } from 'components/ResponsiveContainer'; import { PageProps } from 'interfaces/props'; import StandardRealmsSVG from 'svg/StandardRealms'; +import WhatsNewSVG from '@app/svg/WhatsNewSVG'; import { Accordion } from '@bcgov-sso/common-react-components'; import FaqItems from 'page-partials/faq/FaqItems'; import { LANDING_HEADER_FONT, LARGE_BUTTON_FONT_SIZE } from 'styles/theme'; import GithubDiscussions from '@app/components/GithubDiscussions'; import { wikiURL } from '@app/utils/constants'; - +// import { Grid as FlexGrid, Row, Col } from 'react-flexbox-grid'; interface PanelProps { marginLeft?: boolean; marginRight?: boolean; @@ -103,6 +104,20 @@ const StandardRealmsSplashContainer = styled.div` } `; +const WhatsNew = styled.div` + background: #38598a; + color: #ffffff; + font-size: 18px; + margin-bottom: 55px; + margin-top: 55px; + padding-bottom: 55px; + padding-top: 55px; + weight: 400px h2 { + font-size: 20px; + weight: 700; + } +`; + export default function Home({ onLoginClick }: PageProps) { return ( <> @@ -162,6 +177,32 @@ export default function Home({ onLoginClick }: PageProps) { + + + + + + + + + + + +

What's new at SSO?

+
    +
  • + We’ve updated our wiki into two areas of focus: one for business areas and one for technical, take + a look. +
    • +
+ + + + + + + + diff --git a/app/svg/WhatsNewSVG.tsx b/app/svg/WhatsNewSVG.tsx new file mode 100644 index 000000000..96e812102 --- /dev/null +++ b/app/svg/WhatsNewSVG.tsx @@ -0,0 +1,48 @@ +export default function WhatsNewSVG() { + return ( + + + + + + + + + + + + + + + + + + + + + ); +} From 6c201ca95d408b1a06e97b0635ce1dd378cbac5b Mon Sep 17 00:00:00 2001 From: Jonathan Sharman Date: Tue, 16 Jan 2024 09:21:39 -0800 Subject: [PATCH 2/5] chore: clean up imports --- app/pages/index.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/app/pages/index.tsx b/app/pages/index.tsx index 3e945ead6..e2fd9144f 100644 --- a/app/pages/index.tsx +++ b/app/pages/index.tsx @@ -13,7 +13,6 @@ import FaqItems from 'page-partials/faq/FaqItems'; import { LANDING_HEADER_FONT, LARGE_BUTTON_FONT_SIZE } from 'styles/theme'; import GithubDiscussions from '@app/components/GithubDiscussions'; import { wikiURL } from '@app/utils/constants'; -// import { Grid as FlexGrid, Row, Col } from 'react-flexbox-grid'; interface PanelProps { marginLeft?: boolean; marginRight?: boolean; From 791f56b2b79875b8f82d91ac3de49430b0055417 Mon Sep 17 00:00:00 2001 From: Jonathan Sharman Date: Tue, 16 Jan 2024 10:04:13 -0800 Subject: [PATCH 3/5] chore: fix console log errors --- app/pages/index.tsx | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/app/pages/index.tsx b/app/pages/index.tsx index e2fd9144f..ff957bcd8 100644 --- a/app/pages/index.tsx +++ b/app/pages/index.tsx @@ -186,15 +186,13 @@ export default function Home({ onLoginClick }: PageProps) { - -

What's new at SSO?

-
    -
  • - We’ve updated our wiki into two areas of focus: one for business areas and one for technical, take - a look. -
    • -
- +

What's new at SSO?

+
    +
  • + We’ve updated our wiki into two areas of focus: one for business areas and one for technical, take a + look. +
    • +
From 4a25afb59b24ccc0910b169980c4e66dca414a39 Mon Sep 17 00:00:00 2001 From: Jonathan Sharman Date: Tue, 16 Jan 2024 10:55:07 -0800 Subject: [PATCH 4/5] chore: fix build and console errors --- app/pages/index.tsx | 6 +++--- app/svg/StandardRealms.tsx | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/app/pages/index.tsx b/app/pages/index.tsx index ff957bcd8..828931108 100644 --- a/app/pages/index.tsx +++ b/app/pages/index.tsx @@ -186,11 +186,11 @@ export default function Home({ onLoginClick }: PageProps) { -

What's new at SSO?

+

What's new at SSO?

  • - We’ve updated our wiki into two areas of focus: one for business areas and one for technical, take a - look. + We've updated our wiki into two areas of focus: one for business areas and one for technical, + take a look.
diff --git a/app/svg/StandardRealms.tsx b/app/svg/StandardRealms.tsx index dd2166397..c94b3d42a 100644 --- a/app/svg/StandardRealms.tsx +++ b/app/svg/StandardRealms.tsx @@ -1,6 +1,6 @@ export default function StandardRealmsSVG() { return ( - + From 038f029aadfae9db334a510c60f293c9d1161e81 Mon Sep 17 00:00:00 2001 From: Jonathan Sharman Date: Tue, 16 Jan 2024 11:23:39 -0800 Subject: [PATCH 5/5] chore: fix css formatting --- app/pages/index.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/app/pages/index.tsx b/app/pages/index.tsx index 828931108..4980c4cb6 100644 --- a/app/pages/index.tsx +++ b/app/pages/index.tsx @@ -111,7 +111,8 @@ const WhatsNew = styled.div` margin-top: 55px; padding-bottom: 55px; padding-top: 55px; - weight: 400px h2 { + weight: 400px; + h2 { font-size: 20px; weight: 700; }