Fixed BarChart rendering in boards.

This commit is contained in:
Mike Cao 2026-02-12 18:10:04 -08:00
parent 9e9e44519d
commit b816e951a5
7 changed files with 76 additions and 21 deletions

View file

@ -50,8 +50,6 @@ export function BoardColumn({
return (
<Column
marginTop="3"
marginLeft="3"
width="100%"
height="100%"
alignItems="center"

View file

@ -1,7 +1,12 @@
import { Button, Column, Icon, Tooltip, TooltipTrigger } from '@umami/react-zen';
import { produce } from 'immer';
import { Fragment } from 'react';
import { Group, type GroupImperativeHandle, Panel, Separator } from 'react-resizable-panels';
import {
Group,
type GroupImperativeHandle,
Panel as ResizeablePanel,
Separator,
} from 'react-resizable-panels';
import { v4 as uuid } from 'uuid';
import { useBoard } from '@/components/hooks';
import { ChevronDown, Minus, Plus } from '@/components/icons';
@ -79,7 +84,7 @@ export function BoardRow({
<Group groupRef={handleGroupRef} style={{ height: '100%' }}>
{columns?.map((column, index) => (
<Fragment key={column.id}>
<Panel id={column.id} minSize={MIN_COLUMN_WIDTH} defaultSize={column.size}>
<ResizeablePanel id={column.id} minSize={MIN_COLUMN_WIDTH} defaultSize={column.size}>
<BoardColumn
{...column}
editing={editing}
@ -87,7 +92,7 @@ export function BoardRow({
onSetComponent={handleSetComponent}
canRemove={columns?.length > 1}
/>
</Panel>
</ResizeablePanel>
{index < columns?.length - 1 && <Separator />}
</Fragment>
))}