Dwinzo-Beta/Dwinzo_dev
4
0
Fork 3
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'realTimeVisulization' of http://185.100.212.76:7776/Dwinzo-Beta/Dwinzo_dev into realTimeVisulization

Browse Source
This commit is contained in:
Gomathi
2025-03-26 18:34:11 +05:30
parent 82aabc2004 723821b9a0
commit 52127e5bda
21 changed files with 44834 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/components/ui/componets/AddButtons.tsx
View File

@@ -210,5 +210,3 @@ const AddButtons: React.FC<ButtonsProps> = ({
};
export default AddButtons;

12
app/src/components/ui/componets/Panel.tsx
View File

@@ -53,6 +53,8 @@ const Panel: React.FC<PanelProps> = ({
[side in Side]?: { width: number; height: number };
}>({});
const { isPlaying } = usePlayButtonStore();
const getPanelStyle = useMemo(
() => (side: Side) => {
const currentIndex = selectedZone.panelOrder.indexOf(side);
@@ -61,7 +63,7 @@ const Panel: React.FC<PanelProps> = ({
const rightActive = previousPanels.includes("right");
const topActive = previousPanels.includes("top");
const bottomActive = previousPanels.includes("bottom");
const panelSize = isPlaying ? 250 : 300;
const panelSize = isPlaying ? 300 : 210;
switch (side) {
case "top":
@@ -88,7 +90,7 @@ const Panel: React.FC<PanelProps> = ({
return {};
}
},
[selectedZone.panelOrder]
[selectedZone.panelOrder, isPlaying]
);
const handleDrop = (e: React.DragEvent, panel: Side) => {
@@ -114,8 +116,8 @@ const Panel: React.FC<PanelProps> = ({
selectedZone.widgets.filter((w) => w.panel === panel).length;
const calculatePanelCapacity = (panel: Side) => {
const CHART_WIDTH = 250;
const CHART_HEIGHT = 250;
const CHART_WIDTH = 150;
const CHART_HEIGHT = 150;
const FALLBACK_HORIZONTAL_CAPACITY = 5;
const FALLBACK_VERTICAL_CAPACITY = 3;
@@ -196,8 +198,8 @@ const Panel: React.FC<PanelProps> = ({
};
const { isPlaying } = usePlayButtonStore();
return (
<>
{selectedZone.activeSides.map((side) => (

3
app/src/components/ui/componets/RealTimeVisulization.tsx
View File

@@ -101,7 +101,7 @@ const RealTimeVisulization: React.FC = () => {
<div
ref={containerRef}
id="real-time-vis-canvas"
className={`realTime-viz canvas ${!isPlaying ? "playActiveFalse" : ""}`}
className={`realTime-viz canvas ${isPlaying ? "playingFlase" : ""}`}
style={{
height: isPlaying || activeModule !== "visualization" ? "100vh" : "",
width: isPlaying || activeModule !== "visualization" ? "100vw" : "",
@@ -146,6 +146,7 @@ const RealTimeVisulization: React.FC = () => {
hiddenPanels={hiddenPanels}
selectedZone={selectedZone}
setSelectedZone={setSelectedZone}
hiddenPanels={hiddenPanels}
/>
</>
)}