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: {