From ca9dbea3d08791277b81ae1dfa96401752db14dd Mon Sep 17 00:00:00 2001 From: Vivek Ambaliya Date: Thu, 9 Oct 2025 11:02:18 +0000 Subject: [PATCH] feat: add header design for release notes page --- src/release-notes/ReleaseNotes.jsx | 52 ++++++++++++++++++++++++------ src/release-notes/messages.js | 9 ++++++ 2 files changed, 51 insertions(+), 10 deletions(-) diff --git a/src/release-notes/ReleaseNotes.jsx b/src/release-notes/ReleaseNotes.jsx index c9017a4fda..2c5be646fb 100644 --- a/src/release-notes/ReleaseNotes.jsx +++ b/src/release-notes/ReleaseNotes.jsx @@ -1,16 +1,48 @@ import React from 'react'; import { StudioFooterSlot } from '@edx/frontend-component-footer'; - +import { Add as AddIcon } from '@openedx/paragon/icons'; +import { + Button, + Layout, + Container, +} from '@openedx/paragon'; +import { useIntl } from '@edx/frontend-platform/i18n'; import Header from '../header'; +import SubHeader from '../generic/sub-header/SubHeader'; +import messages from './messages'; + +const ReleaseNotes = () => { + const intl = useIntl(); -const ReleaseNotes = () => ( - <> -
-
-

Welcome to release-notes!

-
- - -); + return ( + <> +
+ + + +
+ {}} + > + {intl.formatMessage(messages.newPostButton)} + + )} + /> +
+
+
+
+ + + ); +}; export default ReleaseNotes; diff --git a/src/release-notes/messages.js b/src/release-notes/messages.js index 86e9b96278..060f79e09e 100644 --- a/src/release-notes/messages.js +++ b/src/release-notes/messages.js @@ -9,6 +9,15 @@ const messages = defineMessages({ id: 'release-notes.page.banner.link.text', defaultMessage: 'Explore release notes', }, + newPostButton: { + id: 'course-authoring.release-notes.actions.new-post', + defaultMessage: 'New post', + description: 'Button label for header button to add a new post', + }, + headingTitle: { + id: 'release-notes.page.heading.title', + defaultMessage: 'Release notes for edx', + }, }); export default messages;