apps/khata-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show image preview in detail view for x-ui-type:image fields

Browse Source 
DetailFieldRenderer now renders a 120x120 Avatar for image-type fields
instead of delegating to ListCellRenderer (which shows a tiny 40x40 avatar).
Upload capability remains in the form view via ImageField.
This commit is contained in:
Vishesh 'ironeagle' Bangotra
2026-07-31 04:12:29 +05:30
parent 885ccdcfa7
commit 3feefac424
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
react-openapi/src/components/fields/DetailFieldRenderer.tsx
View File

@@ -1,5 +1,5 @@
import React from "react"; import React from "react";
import { Box, Typography } from "@mui/material"; import { Box, Typography, Avatar } from "@mui/material";
import type { FieldConfig } from "../../types"; import type { FieldConfig } from "../../types";
import { ListCellRenderer } from "./ListCellRenderer"; import { ListCellRenderer } from "./ListCellRenderer";
@@ -18,7 +18,11 @@ export function DetailFieldRenderer({ field, value, displayFormat, basePath }: D
<Typography variant="caption" color="text.secondary" fontWeight={600} sx={{ mb: 0.25, display: "block" }}> <Typography variant="caption" color="text.secondary" fontWeight={600} sx={{ mb: 0.25, display: "block" }}>
{field.label} {field.label}
</Typography> </Typography>
<ListCellRenderer field={field} value={value} displayFormat={displayFormat} basePath={basePath} /> {field.uiType === "image" ? (
<Avatar src={value} variant="rounded" sx={{ width: 120, height: 120 }} />
) : (
<ListCellRenderer field={field} value={value} displayFormat={displayFormat} basePath={basePath} />
)}
</Box> </Box>
); );
} }