Date: Mon, 30 Dec 2024 22:02:17 +0800
Subject: [PATCH 07/40] feat: bridge panel
---
packages/visualizer/src/component/common.less | 3 +-
.../visualizer/src/component/env-config.tsx | 5 +-
packages/visualizer/src/component/logo.less | 8 +-
packages/visualizer/src/component/logo.tsx | 23 ++++-
.../src/component/playground-component.less | 2 +-
packages/visualizer/src/component/store.tsx | 6 ++
packages/visualizer/src/extension/bridge.tsx | 68 ++++++++++-----
.../src/extension/playground-entry.tsx | 2 -
packages/visualizer/src/extension/popup.less | 20 ++++-
packages/visualizer/src/extension/popup.tsx | 86 +++++++++++++------
packages/visualizer/src/index.tsx | 1 -
11 files changed, 164 insertions(+), 60 deletions(-)
diff --git a/packages/visualizer/src/component/common.less b/packages/visualizer/src/component/common.less
index e1b64474f..98febc65a 100644
--- a/packages/visualizer/src/component/common.less
+++ b/packages/visualizer/src/component/common.less
@@ -11,8 +11,9 @@
@selected-bg: #bfc4da80;
@hover-bg: #dcdcdc80;
-@weak-text: #777;
@weak-bg: #F3F3F3;
+@weak-text: #777;
+@footer-text: #CCC;
@toolbar-btn-bg: #E9E9E9;
diff --git a/packages/visualizer/src/component/env-config.tsx b/packages/visualizer/src/component/env-config.tsx
index 22a59249f..c43d9c33a 100644
--- a/packages/visualizer/src/component/env-config.tsx
+++ b/packages/visualizer/src/component/env-config.tsx
@@ -8,6 +8,7 @@ export function EnvConfig() {
const [isModalOpen, setIsModalOpen] = useState(false);
const [tempConfigString, setTempConfigString] = useState(configString);
+ const popupTab = useEnvConfig((state) => state.popupTab);
const showModal = (e: React.MouseEvent) => {
setIsModalOpen(true);
e.preventDefault();
@@ -36,9 +37,9 @@ export function EnvConfig() {
{iconForStatus('failed')} No config