remove <div>

Avaiga · Dec 19, 2024 · e719b7c · e719b7c
1 parent 8928058
commit e719b7c
Showing 1 changed file with 23 additions and 27 deletions.
diff --git a/doc/gui/extension/example_library/front-end/src/Dashboard.tsx b/doc/gui/extension/example_library/front-end/src/Dashboard.tsx
@@ -12,41 +12,37 @@
  */
 
 import React, { useMemo } from "react";
-import { useDynamicJsonProperty, } from "taipy-gui";
+import { useDynamicJsonProperty } from "taipy-gui";
 
 import Plot from "react-plotly.js";
 import { Data, Layout } from "plotly.js";
 
 interface DashboardProps {
-    data?: string;
-    defaultData?: string;
-    layout?: string;
-    defaultLayout?: string;
+  data?: string;
+  defaultData?: string;
+  layout?: string;
+  defaultLayout?: string;
 }
 
 const Dashboard = (props: DashboardProps) => {
-    const value = useDynamicJsonProperty(props.data, props.defaultData || "", {} as Partial<Data>);
-    const dashboardLayout = useDynamicJsonProperty(props.layout, props.defaultLayout || "", {} as Partial<Layout>);
-
-    const data = useMemo(() => {
-        if (Array.isArray(value)) {
-            return value as Data[];
-        }
-        return [] as Data[];
-    }, [value]);
-
-    const baseLayout = useMemo(() => {
-        const layout = {
-            ...dashboardLayout,
-        };
-        return layout as Partial<Layout>;
-    }, [dashboardLayout]);
-
-    return (
-        <div>
-            <Plot data={data} layout={baseLayout} />
-        </div>
-    );
+  const value = useDynamicJsonProperty(props.data, props.defaultData || "", {} as Partial<Data>);
+  const dashboardLayout = useDynamicJsonProperty(props.layout, props.defaultLayout || "", {} as Partial<Layout>);
+
+  const data = useMemo(() => {
+    if (Array.isArray(value)) {
+      return value as Data[];
+    }
+    return [] as Data[];
+  }, [value]);
+
+  const baseLayout = useMemo(() => {
+    const layout = {
+      ...dashboardLayout,
+    };
+    return layout as Partial<Layout>;
+  }, [dashboardLayout]);
+
+  return <Plot data={data} layout={baseLayout} />;
 };
 
 export default Dashboard;