-
- );
-}
-
-/**
- * Prevents the UI from redirecting and inform the dev
- * where the should have redirected
- * @returns
- */
-function PreventLinkNavigation({
- children,
-}: {
- children: ComponentChildren;
-}): VNode {
- return (
-
{
- let t: any = e.target;
- do {
- if (t.localName === "a" && t.getAttribute("href")) {
- alert(`should navigate to: ${t.attributes.href.value}`);
- e.stopImmediatePropagation();
- e.stopPropagation();
- e.preventDefault();
- return false;
- }
- } while ((t = t.parentNode));
- }}
- >
- {children}
-
- );
-}
-
-function getWrapperForGroup(group: string): FunctionComponent {
- switch (group) {
- case "popup":
- return function PopupWrapper({ children }: any) {
- return (
-
-
- {children}
-
- );
- };
- case "wallet":
- return function WalletWrapper({ children }: any) {
- return (
-
-
-
- {children}
-
- );
- };
- case "cta":
- return function WalletWrapper({ children }: any) {
- return (
-
- {children}
-
- );
- };
- default:
- return Fragment;
- }
-}
-
-function ErrorReport({
- children,
- selected,
-}: {
- children: ComponentChild;
- selected: ExampleItem | undefined;
-}): VNode {
- const [error, resetError] = useErrorBoundary();
- //if there is an error, reset when unloading this component
- useEffect(() => (error ? resetError : undefined));
- if (error) {
- return (
-