From 52198823219d9c6038917fa2f059e2ba9f1b2304 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Uzdo=C4=9Fan?= Date: Wed, 12 Jun 2024 14:02:08 +0200 Subject: [PATCH] Add pluginClient to fix unstyled Plugin Only after adding the PluginClient (that imports @remixproject/plugin-webview) the contract-verification-plugin started to inherit Remix styles --- .../src/app/ContractVerificationPluginClient.ts | 14 ++++++++++++++ apps/contract-verification/src/app/app.tsx | 6 +++++- 2 files changed, 19 insertions(+), 1 deletion(-) create mode 100644 apps/contract-verification/src/app/ContractVerificationPluginClient.ts diff --git a/apps/contract-verification/src/app/ContractVerificationPluginClient.ts b/apps/contract-verification/src/app/ContractVerificationPluginClient.ts new file mode 100644 index 0000000000..a72b7b764e --- /dev/null +++ b/apps/contract-verification/src/app/ContractVerificationPluginClient.ts @@ -0,0 +1,14 @@ +import {PluginClient} from '@remixproject/plugin' +import {createClient} from '@remixproject/plugin-webview' +import EventManager from 'events' + +export class ContractVerificationPluginClient extends PluginClient { + public internalEvents: EventManager + + constructor() { + super() + this.internalEvents = new EventManager() + createClient(this) + this.onload() + } +} diff --git a/apps/contract-verification/src/app/app.tsx b/apps/contract-verification/src/app/app.tsx index 7e6c2af5ca..215b2269ba 100644 --- a/apps/contract-verification/src/app/app.tsx +++ b/apps/contract-verification/src/app/app.tsx @@ -1,12 +1,16 @@ import React, {useState, useEffect, useRef} from 'react' +import {ContractVerificationPluginClient} from './ContractVerificationPluginClient' + import {AppContext} from './AppContext' import DisplayRoutes from './routes' - +import {CustomTooltip} from '@remix-ui/helper' import {ThemeType} from './types' import './App.css' +const plugin = new ContractVerificationPluginClient() + const App = () => { const [themeType, setThemeType] = useState('dark')