mirror of
https://github.com/umami-software/umami.git
synced 2026-02-12 00:27:11 +01:00
Add default row/column for new boards and prevent removing last column.
Some checks are pending
Node.js CI / build (push) Waiting to run
Some checks are pending
Node.js CI / build (push) Waiting to run
- New boards now start with one row containing one column - Hide remove column button when only one column remains in a row Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
385bdd6734
commit
6367d94552
2 changed files with 26 additions and 15 deletions
|
|
@ -1,6 +1,7 @@
|
|||
'use client';
|
||||
import { Loading, useToast } from '@umami/react-zen';
|
||||
import { createContext, type ReactNode, useCallback, useEffect, useRef, useState } from 'react';
|
||||
import { v4 as uuid } from 'uuid';
|
||||
import { useApi, useMessages, useModified, useNavigation } from '@/components/hooks';
|
||||
import { useBoardQuery } from '@/components/hooks/queries/useBoardQuery';
|
||||
import type { Board, BoardParameters } from '@/lib/types';
|
||||
|
|
@ -17,11 +18,13 @@ export interface BoardContextValue {
|
|||
|
||||
export const BoardContext = createContext<BoardContextValue>(null);
|
||||
|
||||
const defaultBoard: Partial<Board> = {
|
||||
const createDefaultBoard = (): Partial<Board> => ({
|
||||
name: '',
|
||||
description: '',
|
||||
parameters: { rows: [] },
|
||||
};
|
||||
parameters: {
|
||||
rows: [{ id: uuid(), columns: [{ id: uuid(), component: null }] }],
|
||||
},
|
||||
});
|
||||
|
||||
export function BoardProvider({ boardId, children }: { boardId?: string; children: ReactNode }) {
|
||||
const { data, isFetching, isLoading } = useBoardQuery(boardId);
|
||||
|
|
@ -31,7 +34,7 @@ export function BoardProvider({ boardId, children }: { boardId?: string; childre
|
|||
const { formatMessage, labels, messages } = useMessages();
|
||||
const { router, renderUrl } = useNavigation();
|
||||
|
||||
const [board, setBoard] = useState<Partial<Board>>(data ?? defaultBoard);
|
||||
const [board, setBoard] = useState<Partial<Board>>(data ?? createDefaultBoard());
|
||||
const layoutGetterRef = useRef<LayoutGetter | null>(null);
|
||||
|
||||
const registerLayoutGetter = useCallback((getter: LayoutGetter) => {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue