diff --git a/website/src/page-settings.tsx b/website/src/page-settings.tsx
index 6a337020..13569c1f 100644
--- a/website/src/page-settings.tsx
+++ b/website/src/page-settings.tsx
@@ -15,7 +15,7 @@ import { Link as RouteLink, Route, useParams } from 'react-router-dom';
import { PageSettings, Extension, NamespaceDetails } from 'openvsx-webui';
import { ExtensionListRoutes } from 'openvsx-webui/lib/pages/extension-list/extension-list-container';
import { DefaultMenuContent, MobileMenuContent } from './menu-content';
-// import InfoIcon from '@mui/icons-material/Info';
+import InfoIcon from '@mui/icons-material/Info';
import OpenVSXLogo from './openvsx-registry-logo';
import footerContent from './footer-content';
import { Document } from './document';
@@ -127,18 +127,16 @@ export default function createPageSettings(theme: Theme, prefersDarkMode: boolea
>;
- // //---------- ANNOUNCEMENT BANNER
- // const bannerContent: FunctionComponent = () =>
- //
- //
- //
- //
- //
- // Eclipse OCX and EclipseCon 2024 are right around the corner October 22-24. Whether your IDEs are desktop cloud-based or a mix, we have a
- // great agenda of
- // talks. Register now!
- //
- // ;
+ //---------- ANNOUNCEMENT BANNER
+ const bannerContent: FunctionComponent = () =>
+
+
+
+
+
+ Open VSX now supports deprecating extensions - see our announcement.
+
+ ;
//---------- SEARCH HEADER
const searchHeader: FunctionComponent = () =>
@@ -192,21 +190,21 @@ export default function createPageSettings(theme: Theme, prefersDarkMode: boolea
defaultMenuContent: DefaultMenuContent,
mobileMenuContent: MobileMenuContent,
toolbarContent,
- // banner: {
- // content: bannerContent,
- // props: {
- // dismissButton: {
- // show: true,
- // label: 'Got It'
- // },
- // color: 'info'
- // },
- // cookie: {
- // key: 'ocx-2024',
- // value: 'closed',
- // path: '/'
- // }
- // },
+ banner: {
+ content: bannerContent,
+ props: {
+ dismissButton: {
+ show: true,
+ label: 'Got It'
+ },
+ color: 'info'
+ },
+ cookie: {
+ key: 'Extension-Deprecation',
+ value: 'closed',
+ path: '/'
+ }
+ },
footer: {
content: footerContent,
props: {