From 93999cec569f3d787c46a376e9dea10b4d93fd5c Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Tue, 5 Mar 2024 14:54:49 +0800
Subject: [PATCH] chore: panel memo

---
 web/app/components/workflow/nodes/code/panel.tsx               | 3 ++-
 web/app/components/workflow/nodes/direct-answer/panel.tsx      | 3 ++-
 web/app/components/workflow/nodes/end/panel.tsx                | 3 ++-
 web/app/components/workflow/nodes/http/panel.tsx               | 3 ++-
 web/app/components/workflow/nodes/if-else/panel.tsx            | 3 ++-
 .../components/workflow/nodes/knowledge-retrieval/panel.tsx    | 3 ++-
 web/app/components/workflow/nodes/llm/panel.tsx                | 3 ++-
 .../components/workflow/nodes/question-classifier/panel.tsx    | 3 ++-
 web/app/components/workflow/nodes/start/panel.tsx              | 3 ++-
 web/app/components/workflow/nodes/template-transform/panel.tsx | 3 ++-
 web/app/components/workflow/nodes/tool/panel.tsx               | 3 ++-
 web/app/components/workflow/nodes/variable-assigner/panel.tsx  | 3 ++-
 12 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/web/app/components/workflow/nodes/code/panel.tsx b/web/app/components/workflow/nodes/code/panel.tsx
index 9dcb3b3dc1..b9fc987d16 100644
--- a/web/app/components/workflow/nodes/code/panel.tsx
+++ b/web/app/components/workflow/nodes/code/panel.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import useConfig from './use-config'
 import type { CodeNodeType } from './types'
@@ -87,4 +88,4 @@ const Panel: FC<NodeProps<CodeNodeType>> = ({
   )
 }
 
-export default Panel
+export default React.memo(Panel)
diff --git a/web/app/components/workflow/nodes/direct-answer/panel.tsx b/web/app/components/workflow/nodes/direct-answer/panel.tsx
index 2e3d90cd16..e4dbdf55ad 100644
--- a/web/app/components/workflow/nodes/direct-answer/panel.tsx
+++ b/web/app/components/workflow/nodes/direct-answer/panel.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import useConfig from './use-config'
 import type { DirectAnswerNodeType } from './types'
@@ -50,4 +51,4 @@ const Panel: FC<NodeProps<DirectAnswerNodeType>> = ({
   )
 }
 
-export default Panel
+export default React.memo(Panel)
diff --git a/web/app/components/workflow/nodes/end/panel.tsx b/web/app/components/workflow/nodes/end/panel.tsx
index 6214c96aff..f30d1a4c38 100644
--- a/web/app/components/workflow/nodes/end/panel.tsx
+++ b/web/app/components/workflow/nodes/end/panel.tsx
@@ -1,4 +1,5 @@
 import { type FC, useCallback } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import cn from 'classnames'
 import VarReferencePicker from '../_base/components/variable/var-reference-picker'
@@ -100,4 +101,4 @@ const Panel: FC<NodeProps<EndNodeType>> = ({
   )
 }
 
-export default Panel
+export default React.memo(Panel)
diff --git a/web/app/components/workflow/nodes/http/panel.tsx b/web/app/components/workflow/nodes/http/panel.tsx
index 5378bb9377..7afb383956 100644
--- a/web/app/components/workflow/nodes/http/panel.tsx
+++ b/web/app/components/workflow/nodes/http/panel.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import useConfig from './use-config'
 import ApiInput from './components/api-input'
@@ -151,4 +152,4 @@ const Panel: FC<NodeProps<HttpNodeType>> = ({
   )
 }
 
-export default Panel
+export default React.memo(Panel)
diff --git a/web/app/components/workflow/nodes/if-else/panel.tsx b/web/app/components/workflow/nodes/if-else/panel.tsx
index f4f6d99b81..a9f00bd298 100644
--- a/web/app/components/workflow/nodes/if-else/panel.tsx
+++ b/web/app/components/workflow/nodes/if-else/panel.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import Split from '../_base/components/split'
 import AddButton from '../_base/components/add-button'
@@ -55,4 +56,4 @@ const Panel: FC<NodeProps<IfElseNodeType>> = ({
   )
 }
 
-export default Panel
+export default React.memo(Panel)
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/panel.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/panel.tsx
index d1b9baaa3f..618dd5d09e 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/panel.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/panel.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import VarReferencePicker from '../_base/components/variable/var-reference-picker'
 import useConfig from './use-config'
@@ -115,4 +116,4 @@ const Panel: FC<NodeProps<KnowledgeRetrievalNodeType>> = ({
   )
 }
 
-export default Panel
+export default React.memo(Panel)
diff --git a/web/app/components/workflow/nodes/llm/panel.tsx b/web/app/components/workflow/nodes/llm/panel.tsx
index 5623b86b0c..20df394f5f 100644
--- a/web/app/components/workflow/nodes/llm/panel.tsx
+++ b/web/app/components/workflow/nodes/llm/panel.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import MemoryConfig from '../_base/components/memory-config'
 import VarReferencePicker from '../_base/components/variable/var-reference-picker'
@@ -145,4 +146,4 @@ const Panel: FC<NodeProps<LLMNodeType>> = ({
   )
 }
 
-export default Panel
+export default React.memo(Panel)
diff --git a/web/app/components/workflow/nodes/question-classifier/panel.tsx b/web/app/components/workflow/nodes/question-classifier/panel.tsx
index fc68480733..063ab1d374 100644
--- a/web/app/components/workflow/nodes/question-classifier/panel.tsx
+++ b/web/app/components/workflow/nodes/question-classifier/panel.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import VarReferencePicker from '../_base/components/variable/var-reference-picker'
 import useConfig from './use-config'
@@ -80,4 +81,4 @@ const Panel: FC<NodeProps<QuestionClassifierNodeType>> = ({
   )
 }
 
-export default Panel
+export default React.memo(Panel)
diff --git a/web/app/components/workflow/nodes/start/panel.tsx b/web/app/components/workflow/nodes/start/panel.tsx
index f616e42e97..2243c1e467 100644
--- a/web/app/components/workflow/nodes/start/panel.tsx
+++ b/web/app/components/workflow/nodes/start/panel.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import VarList from './components/var-list'
 import useConfig from './use-config'
@@ -95,4 +96,4 @@ const Panel: FC<NodeProps<StartNodeType>> = ({
   )
 }
 
-export default Panel
+export default React.memo(Panel)
diff --git a/web/app/components/workflow/nodes/template-transform/panel.tsx b/web/app/components/workflow/nodes/template-transform/panel.tsx
index 768f58acef..d84ed4d683 100644
--- a/web/app/components/workflow/nodes/template-transform/panel.tsx
+++ b/web/app/components/workflow/nodes/template-transform/panel.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import useConfig from './use-config'
 import type { TemplateTransformNodeType } from './types'
@@ -80,4 +81,4 @@ const Panel: FC<NodeProps<TemplateTransformNodeType>> = ({
   )
 }
 
-export default Panel
+export default React.memo(Panel)
diff --git a/web/app/components/workflow/nodes/tool/panel.tsx b/web/app/components/workflow/nodes/tool/panel.tsx
index 3975f948fd..963872213b 100644
--- a/web/app/components/workflow/nodes/tool/panel.tsx
+++ b/web/app/components/workflow/nodes/tool/panel.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import Split from '../_base/components/split'
 import type { ToolNodeType } from './types'
@@ -42,4 +43,4 @@ const Panel: FC<NodeProps<ToolNodeType>> = ({
   )
 }
 
-export default Panel
+export default React.memo(Panel)
diff --git a/web/app/components/workflow/nodes/variable-assigner/panel.tsx b/web/app/components/workflow/nodes/variable-assigner/panel.tsx
index ee753a664c..6421a62669 100644
--- a/web/app/components/workflow/nodes/variable-assigner/panel.tsx
+++ b/web/app/components/workflow/nodes/variable-assigner/panel.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import useConfig from './use-config'
 import VarList from './components/var-list'
@@ -70,4 +71,4 @@ const Panel: FC<NodeProps<VariableAssignerNodeType>> = ({
   )
 }
 
-export default Panel
+export default React.memo(Panel)