sinvo/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2026-08-29 10:05:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(base): show Converting badge in column header during type change

Browse Source
This commit is contained in:
Philipinho
2026-05-24 02:35:22 +01:00
parent 23ea060e54
commit 909b6a8f9c
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/base/components/grid/grid-header-cell.tsx
+8 -1
View File
@@ -1,6 +1,7 @@
import { memo, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react"; import { memo, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
import { Header, flexRender } from "@tanstack/react-table"; import { Header, flexRender } from "@tanstack/react-table";
import { Popover } from "@mantine/core"; import { Badge, Popover } from "@mantine/core";
import { useTranslation } from "react-i18next";
import { useAtom } from "jotai"; import { useAtom } from "jotai";
import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine"; import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
import { import {
@@ -80,6 +81,7 @@ export const GridHeaderCell = memo(function GridHeaderCell({
getColumnOrder, getColumnOrder,
onColumnReorder, onColumnReorder,
}: GridHeaderCellProps) { }: GridHeaderCellProps) {
const { t } = useTranslation();
const isRowNumber = header.column.id === "__row_number"; const isRowNumber = header.column.id === "__row_number";
const isPinned = header.column.getIsPinned(); const isPinned = header.column.getIsPinned();
const pinOffset = isPinned ? header.column.getStart("left") : undefined; const pinOffset = isPinned ? header.column.getStart("left") : undefined;
@@ -213,6 +215,11 @@ export const GridHeaderCell = memo(function GridHeaderCell({
<span className={classes.headerCellName}> <span className={classes.headerCellName}>
{flexRender(header.column.columnDef.header, header.getContext())} {flexRender(header.column.columnDef.header, header.getContext())}
</span> </span>
{property?.pendingType && (
<Badge size="xs" color="gray" variant="light" ml={6}>
{t("Converting…")}
</Badge>
)}
</div> </div>
)} )}
{header.column.getCanResize() && ( {header.column.getCanResize() && (