settings new design

1 files changed, 12 insertions, 0 deletions

diff --git a/packages/taler-wallet-webextension/src/components/JustInDevMode.tsx b/packages/taler-wallet-webextension/src/components/JustInDevMode.tsx
new file mode 100644
index 000000000..d447f87eb
--- /dev/null
+++ b/packages/taler-wallet-webextension/src/components/JustInDevMode.tsx
@@ -0,0 +1,12 @@
+import { ComponentChildren, Fragment, h, VNode } from "preact";
+import { useDevContext } from "../context/devContext";
+
+export function JustInDevMode({
+  children,
+}: {
+  children: ComponentChildren;
+}): VNode {
+  const { devMode } = useDevContext();
+  if (!devMode) return <Fragment />;
+  return <Fragment>{children}</Fragment>;
+}