9ce172e78a
* chore: add parent_section_id and change position to x and y_offset for sqlite section table * chore: rename existing positions to x_offset and y_offset * chore: add related mysql migration * chore: add missing height and width to section table * fix: missing width and height in migration copy script * fix: typecheck issues * fix: test not working caused by unsimilar schemas * wip: add dynamic section * refactor: improve structure of gridstack sections * feat: add rendering of dynamic sections * feat: add saving of moved sections * wip: add static row count, restrict min-width and height * chore: address pull request feedback * fix: format issues * fix: size calculation within dynamic sections * fix: on resize not called when min width or height is reached * fix: size of items while dragging is to big * chore: temporarly remove migration files * chore: readd migrations * fix: format and deepsource issues * chore: remove db_dev.sqlite file * chore: add *.sqlite to .gitignore * chore: address pull request feedback * feat: add dynamic section actions for adding and removing them
24 lines
700 B
TypeScript
24 lines
700 B
TypeScript
import combineClasses from "clsx";
|
|
|
|
import type { EmptySection } from "~/app/[locale]/boards/_types";
|
|
import { useEditMode } from "~/app/[locale]/boards/(content)/_context";
|
|
import { GridStack } from "./gridstack/gridstack";
|
|
import { useSectionItems } from "./use-section-items";
|
|
|
|
interface Props {
|
|
section: EmptySection;
|
|
}
|
|
|
|
export const BoardEmptySection = ({ section }: Props) => {
|
|
const { itemIds } = useSectionItems(section);
|
|
const [isEditMode] = useEditMode();
|
|
|
|
return (
|
|
<GridStack
|
|
section={section}
|
|
style={{ transitionDuration: "0s" }}
|
|
className={combineClasses("min-row", itemIds.length > 0 || isEditMode ? undefined : "grid-stack-empty-wrapper")}
|
|
/>
|
|
);
|
|
};
|