3dWidget dnd and 2d widgets backend api updated

2025-03-28 19:13:20 +05:30
parent f69b601785
commit c842b81611
26 changed files with 435 additions and 150 deletions
--- a/app/src/components/layout/3D-cards/cards/Throughput.tsx
+++ b/app/src/components/layout/3D-cards/cards/Throughput.tsx
@@ -37,7 +37,12 @@ const LineGraphComponent: React.FC<LineGraphProps> = ({ data, options }) => {
  return <Line data={data} options={options} />;
 };

-const Throughput = () => {
+interface ThroughputProps {
+  position: [number, number, number];
+}
+
+const Throughput: React.FC<ThroughputProps> = ({ position }) => {
+
  // Sample data for the line graph
  const graphData: ChartData<"line"> = {
    labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"],
@@ -86,7 +91,10 @@ const Throughput = () => {
  };

  return (
-    <Html position={[0, 0, 0]} transform occlude>
+    <Html position={[position[0], position[1], position[2]]}
+      scale={[0.5, 0.5, 0.5]}
+      transform
+      sprite>
      <div className="throughput-wrapper">
        <div className="header">Throughput</div>
        <div className="display-value">