feat: add grid display for NLU values based on types of NLU entity

This commit is contained in:
Mohamed Marrouchi 2025-03-21 13:40:51 +01:00
parent e0a77302cc
commit d17b920fcf

View File

@ -81,6 +81,7 @@ export const NlpValues = ({ entityId }: { entityId: string }) => {
},
});
const [selectedNlpValues, setSelectedNlpValues] = useState<string[]>([]);
const shouldIncludeSynonyms = nlpEntity?.lookups.includes("keywords");
const actionColumns = useActionColumns<INlpValue>(
EntityType.NLP_VALUE,
[
@ -102,6 +103,19 @@ export const NlpValues = ({ entityId }: { entityId: string }) => {
],
t("label.operations"),
);
const synonymsColumn = {
flex: 3,
field: "synonyms",
headerName: t("label.synonyms"),
sortable: true,
renderCell: (params) => {
return params.row?.expressions?.map((exp, index) => (
<Chip sx={{ margin: 0.8 }} label={exp} variant="inbox" key={index} />
));
},
disableColumnMenu: true,
renderHeader,
};
const columns: GridColDef<INlpValue>[] = [
{
flex: 3,
@ -111,20 +125,7 @@ export const NlpValues = ({ entityId }: { entityId: string }) => {
disableColumnMenu: true,
renderHeader,
},
{
flex: 3,
field: "synonyms",
headerName: t("label.synonyms"),
sortable: true,
renderCell: (params) => {
return params.row?.expressions?.map((exp, index) => (
<Chip sx={{ margin: 0.8 }} label={exp} variant="inbox" key={index} />
));
},
disableColumnMenu: true,
renderHeader,
},
...(shouldIncludeSynonyms ? [synonymsColumn] : []),
{
maxWidth: 140,
field: "createdAt",