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

added marketplace cards

Browse Source
This commit is contained in:
Nalvazhuthi
2025-03-26 13:52:10 +05:30
parent 9a358bc1c0
commit 6aa1ee8bdd
7 changed files with 268 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -46,6 +46,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);
@@ -54,7 +56,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":
@@ -83,7 +85,7 @@ const Panel: React.FC<PanelProps> = ({
return {};
}
},
[selectedZone.panelOrder]
[selectedZone.panelOrder, isPlaying]
);
const handleDrop = (e: React.DragEvent, panel: Side) => {
@@ -107,8 +109,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;
@@ -163,8 +165,6 @@ const Panel: React.FC<PanelProps> = ({
};
}, [selectedZone.activeSides]);
const { isPlaying } = usePlayButtonStore();
return (
<>
{selectedZone.activeSides.map((side) => (