diff --git a/src/App.tsx b/src/App.tsx index 082ef2bf..c9ddd15b 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -6,6 +6,7 @@ import { usePersistedConfigFile } from "./common/hook/usePersistedConfigFile"; import { NavigationBar } from "./components/NavigationBar"; import { FooterBar } from "./components/FooterBar"; import { SessionTimeout } from "./components/SessionTimeout"; +import { Disclaimer } from "./components/Disclaimer"; import { routes, Routes } from "./routes"; import { history } from "./history"; @@ -26,6 +27,7 @@ export const App: React.FunctionComponent = () => { return ( <> + You are currently on {configFile?.network} network. To change it, please upload a new config file. diff --git a/src/components/Disclaimer/index.tsx b/src/components/Disclaimer/index.tsx new file mode 100644 index 00000000..8c95abb5 --- /dev/null +++ b/src/components/Disclaimer/index.tsx @@ -0,0 +1,31 @@ +import React, { useEffect, useState } from "react"; +import { X } from "react-feather"; + +export const Disclaimer: React.FunctionComponent = () => { + const [show, setShow] = useState(false); + + useEffect(() => { + setShow(true); + }, []); + + if (!show) return null; + + return ( +
+
+
+
+

+ Disclaimer: The Creator tool and Config file are for testing and demonstration purposes + only. They are not recommended for production or live issuance of documents. Use the TrustVC library for + production use. +

+
+
+ setShow(false)} /> +
+
+
+
+ ); +};