fix: add id field to AppConfigPage DataTable rows
DataTable requires rows with an { id: string } constraint. Map
ApplicationConfig to ConfigRow adding id from the application field.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -6,6 +6,8 @@ import { useAllApplicationConfigs, useUpdateApplicationConfig } from '../../api/
|
|||||||
import type { ApplicationConfig } from '../../api/queries/commands';
|
import type { ApplicationConfig } from '../../api/queries/commands';
|
||||||
import styles from './AppConfigPage.module.css';
|
import styles from './AppConfigPage.module.css';
|
||||||
|
|
||||||
|
type ConfigRow = ApplicationConfig & { id: string };
|
||||||
|
|
||||||
function timeAgo(iso?: string): string {
|
function timeAgo(iso?: string): string {
|
||||||
if (!iso) return '\u2014';
|
if (!iso) return '\u2014';
|
||||||
const diff = Date.now() - new Date(iso).getTime();
|
const diff = Date.now() - new Date(iso).getTime();
|
||||||
@@ -45,7 +47,7 @@ export default function AppConfigPage() {
|
|||||||
});
|
});
|
||||||
}, [updateConfig, toast]);
|
}, [updateConfig, toast]);
|
||||||
|
|
||||||
const columns: Column<ApplicationConfig>[] = useMemo(() => [
|
const columns: Column<ConfigRow>[] = useMemo(() => [
|
||||||
{
|
{
|
||||||
key: '_inspect',
|
key: '_inspect',
|
||||||
header: '',
|
header: '',
|
||||||
@@ -162,9 +164,9 @@ export default function AppConfigPage() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<DataTable<ApplicationConfig>
|
<DataTable<ConfigRow>
|
||||||
columns={columns}
|
columns={columns}
|
||||||
data={configs ?? []}
|
data={(configs ?? []).map(c => ({ ...c, id: c.application }))}
|
||||||
pageSize={50}
|
pageSize={50}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user