diff --git a/pages/_app.js b/pages/_app.js index 66f96e7..51a6151 100644 --- a/pages/_app.js +++ b/pages/_app.js @@ -5,6 +5,7 @@ import Router from "next/router"; import { Provider } from "react-redux"; import initStore from "../src/store"; import Meta from "../src/components/Meta"; +import MigrationBanner from "../src/components/MigrationBanner"; class MyApp extends App { static async getInitialProps({ Component, ctx }) { @@ -22,6 +23,7 @@ class MyApp extends App { return ( + diff --git a/pages/index.js b/pages/index.js index 6ac30d9..bf0e4c0 100644 --- a/pages/index.js +++ b/pages/index.js @@ -9,8 +9,6 @@ import PageLoader from "../src/components/UI/PageLoader"; import { brandOrange } from "../src/styles/variables"; const bannerStyle = css` - position: absolute; - top: 0; width: 100%; padding: 5px 0px; background: #ff9933; diff --git a/src/components/MigrationBanner.js b/src/components/MigrationBanner.js new file mode 100644 index 0000000..94e8881 --- /dev/null +++ b/src/components/MigrationBanner.js @@ -0,0 +1,35 @@ +import React from "react"; +/** @jsx jsx */ +import { css, jsx } from "@emotion/core"; +import { brandOrange } from "../styles/variables"; + +const MIGRATION_GUIDE_URL = + "https://docs.opencerts.io/docs/migrations/oa_to_trustvc"; + +const bannerStyle = css` + width: 100%; + padding: 5px 0px; + background: ${brandOrange}; + text-align: center; + font-weight: bold; +`; + +const MigrationBanner = () => ( +
+ Please note that as of 1 October 2025, OpenAttestation (OA) has been + deprecated. OpenCerts has since migrated to TrustVC, which uses the W3C + Verifiable Credentials (VC) format. +
+ Documents previously issued in OA format remain verifiable — no action is + required for existing certificates. However, we recommend upgrading to the + W3C VC format for all new issuances. +
+ To migrate, please refer to our{" "} + + migration guide + + . +
+); + +export default MigrationBanner;