From 909b6a8f9c459b089df5cb13a50f2bab2c82ac40 Mon Sep 17 00:00:00 2001
From: Philipinho <16838612+Philipinho@users.noreply.github.com>
Date: Sun, 24 May 2026 02:35:22 +0100
Subject: [PATCH] feat(base): show Converting badge in column header during
 type change

---
 .../features/base/components/grid/grid-header-cell.tsx   | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/features/base/components/grid/grid-header-cell.tsx b/apps/client/src/features/base/components/grid/grid-header-cell.tsx
index 7de8cd5bf..518bdf8d0 100644
--- a/apps/client/src/features/base/components/grid/grid-header-cell.tsx
+++ b/apps/client/src/features/base/components/grid/grid-header-cell.tsx
@@ -1,6 +1,7 @@
 import { memo, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 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 { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import {
@@ -80,6 +81,7 @@ export const GridHeaderCell = memo(function GridHeaderCell({
   getColumnOrder,
   onColumnReorder,
 }: GridHeaderCellProps) {
+  const { t } = useTranslation();
   const isRowNumber = header.column.id === "__row_number";
   const isPinned = header.column.getIsPinned();
   const pinOffset = isPinned ? header.column.getStart("left") : undefined;
@@ -213,6 +215,11 @@ export const GridHeaderCell = memo(function GridHeaderCell({
           <span className={classes.headerCellName}>
             {flexRender(header.column.columnDef.header, header.getContext())}
           </span>
+          {property?.pendingType && (
+            <Badge size="xs" color="gray" variant="light" ml={6}>
+              {t("Converting…")}
+            </Badge>
+          )}
         </div>
       )}
       {header.column.getCanResize() && (