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.
+