From 43b13d8e3ab458bf564f65ae9c98fd62dea2362b Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Fri, 26 Aug 2022 11:46:19 +0530
Subject: [PATCH] fix: Add display name to components so it doesn't show as
 anonymous (#5616)

---
 src/actions/actionExport.tsx   | 2 +-
 src/actions/manager.tsx        | 1 +
 src/components/ColorPicker.tsx | 2 ++
 src/components/ToolButton.tsx  | 2 ++
 4 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/actions/actionExport.tsx b/src/actions/actionExport.tsx
index 015e5216..a566e5bf 100644
--- a/src/actions/actionExport.tsx
+++ b/src/actions/actionExport.tsx
@@ -244,7 +244,7 @@ export const actionLoadScene = register({
     }
   },
   keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.key === KEYS.O,
-  PanelComponent: ({ updateData, appState }) => (
+  PanelComponent: ({ updateData }) => (
     <ToolButton
       type="button"
       icon={load}
diff --git a/src/actions/manager.tsx b/src/actions/manager.tsx
index 246bfe7a..3e353373 100644
--- a/src/actions/manager.tsx
+++ b/src/actions/manager.tsx
@@ -147,6 +147,7 @@ export class ActionManager {
     ) {
       const action = this.actions[name];
       const PanelComponent = action.PanelComponent!;
+      PanelComponent.displayName = "PanelComponent";
       const elements = this.getElementsIncludingDeleted();
       const appState = this.getAppState();
       const updateData = (formState?: any) => {
diff --git a/src/components/ColorPicker.tsx b/src/components/ColorPicker.tsx
index 76a66b5b..22f9eb26 100644
--- a/src/components/ColorPicker.tsx
+++ b/src/components/ColorPicker.tsx
@@ -343,6 +343,8 @@ const ColorInput = React.forwardRef(
   },
 );
 
+ColorInput.displayName = "ColorInput";
+
 export const ColorPicker = ({
   type,
   color,
diff --git a/src/components/ToolButton.tsx b/src/components/ToolButton.tsx
index 328c135c..7077898f 100644
--- a/src/components/ToolButton.tsx
+++ b/src/components/ToolButton.tsx
@@ -187,3 +187,5 @@ ToolButton.defaultProps = {
   className: "",
   size: "medium",
 };
+
+ToolButton.displayName = "ToolButton";