From eb157a6c67aecd759619886e1c7fd8b0dfd66793 Mon Sep 17 00:00:00 2001 From: Anna Artemova Date: Wed, 18 Dec 2024 21:14:05 +0400 Subject: [PATCH 1/2] feat: add digest page --- src/components/shared/link/link.jsx | 6 + .../section-with-big-icons.jsx | 30 ++- .../text-with-picture/text-with-picture.jsx | 25 ++- src/images/icons/calendar.svg | 9 + src/images/icons/consolidation.svg | 9 + src/images/icons/context.svg | 9 + src/images/icons/customization.svg | 9 + src/images/icons/digest.svg | 9 + src/images/icons/flexibility.svg | 9 + src/images/icons/interval.svg | 9 + src/images/icons/selection.svg | 9 + src/images/pages/digest/fatigue.jpg | Bin 0 -> 211729 bytes .../pages/digest/notifications-workflow.jpg | Bin 0 -> 420229 bytes src/images/pages/digest/strategies.jpg | Bin 0 -> 225547 bytes src/pages/digest.jsx | 185 ++++++++++++++++++ 15 files changed, 308 insertions(+), 10 deletions(-) create mode 100644 src/images/icons/calendar.svg create mode 100644 src/images/icons/consolidation.svg create mode 100644 src/images/icons/context.svg create mode 100644 src/images/icons/customization.svg create mode 100644 src/images/icons/digest.svg create mode 100644 src/images/icons/flexibility.svg create mode 100644 src/images/icons/interval.svg create mode 100644 src/images/icons/selection.svg create mode 100644 src/images/pages/digest/fatigue.jpg create mode 100644 src/images/pages/digest/notifications-workflow.jpg create mode 100644 src/images/pages/digest/strategies.jpg create mode 100644 src/pages/digest.jsx diff --git a/src/components/shared/link/link.jsx b/src/components/shared/link/link.jsx index 563623da..a29c1730 100644 --- a/src/components/shared/link/link.jsx +++ b/src/components/shared/link/link.jsx @@ -122,6 +122,12 @@ const Link = ({ > {children} {isUnderline && underline} + {withArrow && ( + + + + + )} ); } diff --git a/src/components/shared/reusable-sections/section-with-big-icons/section-with-big-icons.jsx b/src/components/shared/reusable-sections/section-with-big-icons/section-with-big-icons.jsx index 3842338f..3edf6961 100644 --- a/src/components/shared/reusable-sections/section-with-big-icons/section-with-big-icons.jsx +++ b/src/components/shared/reusable-sections/section-with-big-icons/section-with-big-icons.jsx @@ -1,11 +1,17 @@ +import clsx from 'clsx'; import PropTypes from 'prop-types'; import React from 'react'; import Heading from 'components/shared/heading'; import Link from 'components/shared/link'; -const SectionWithBigIcons = ({ title, items }) => ( -
+const SectionWithBigIcons = ({ className, title, items, isCentered }) => ( +
( > {title} -
+ } + imageClassName="relative w-full h-96 !overflow-visible lg:h-[400px] md:h-80 sm:h-48" + button={{ + label: 'Learn more', + link: '/', + }} + /> + + + +); + +export default Digests; + +export const Head = () => { + const pageMetadata = { + title: "Streamline Notifications with Novu's Digest", + description: + "Consolidate notifications, reduce overload, and keep users informed with Novu's flexible Digest feature.", + }; + return ; +}; From d4446de0011f52a74c932dd7248963cda38dd937 Mon Sep 17 00:00:00 2001 From: Anna Artemova Date: Mon, 23 Dec 2024 10:42:26 +0400 Subject: [PATCH 2/2] fix: add hidden label to button in text with picture section --- .../reusable-sections/text-with-picture/text-with-picture.jsx | 2 ++ src/pages/digest.jsx | 2 ++ 2 files changed, 4 insertions(+) diff --git a/src/components/shared/reusable-sections/text-with-picture/text-with-picture.jsx b/src/components/shared/reusable-sections/text-with-picture/text-with-picture.jsx index 73630a82..e46a715f 100644 --- a/src/components/shared/reusable-sections/text-with-picture/text-with-picture.jsx +++ b/src/components/shared/reusable-sections/text-with-picture/text-with-picture.jsx @@ -74,6 +74,7 @@ const TextWithPicture = ({ target={button.target} > {button.label} + {button.hiddenLabel && {button.hiddenLabel}} )} @@ -92,6 +93,7 @@ TextWithPicture.propTypes = { link: PropTypes.string.isRequired, rel: PropTypes.string, target: PropTypes.string, + hiddenLabel: PropTypes.string, }), theme: PropTypes.oneOf(['imageLeft', 'imageRight', 'imageFullWidth']), }; diff --git a/src/pages/digest.jsx b/src/pages/digest.jsx index d33ea647..e9b12988 100644 --- a/src/pages/digest.jsx +++ b/src/pages/digest.jsx @@ -131,6 +131,7 @@ const Digests = () => ( imageClassName="relative w-full h-[657px] !overflow-visible lg:h-96 md:h-80 sm:h-72 sm-xs:h-56" button={{ label: 'Learn more', + hiddenLabel: 'about multiple digest strategies', link: '/', }} theme="imageRight" @@ -154,6 +155,7 @@ const Digests = () => ( imageClassName="relative w-full h-96 !overflow-visible lg:h-[400px] md:h-80 sm:h-48" button={{ label: 'Learn more', + hiddenLabel: 'how to eliminate notification fatigue', link: '/', }} />