-
Notifications
You must be signed in to change notification settings - Fork 1.3k
Expand file tree
/
Copy pathFeaturesInServiceDisplay.tsx
More file actions
77 lines (68 loc) · 2.44 KB
/
FeaturesInServiceDisplay.tsx
File metadata and controls
77 lines (68 loc) · 2.44 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
import React from "react";
import { EuiBasicTable } from "@elastic/eui";
import EuiCustomLink from "./EuiCustomLink";
import { useParams } from "react-router-dom";
import { feast } from "../protos";
interface FeatureViewsListInterace {
featureViews: feast.core.IFeatureViewProjection[];
}
interface IFeatureColumnInService {
featureViewName: string;
name: string;
valueType: feast.types.ValueType.Enum;
viewType?: string;
}
const FeaturesInServiceList = ({ featureViews }: FeatureViewsListInterace) => {
const { projectName } = useParams();
const items: IFeatureColumnInService[] = featureViews.flatMap(
(featureView: any) =>
(featureView.featureColumns || []).map((featureColumn: any) => ({
featureViewName: featureView.featureViewName!,
name: featureColumn.name!,
valueType: featureColumn.valueType!,
viewType: featureView.viewType || "featureView",
})),
);
const isLabelMode = items.length > 0 && items[0].viewType === "labelView";
const columns = [
{
name: isLabelMode ? "Label View" : "Feature View",
field: "featureViewName",
render: (name: string, item: IFeatureColumnInService) => {
const isLabelView = item.viewType === "labelView";
const path = isLabelView
? `/p/${projectName}/label-view/${name}`
: `/p/${projectName}/feature-view/${name}`;
return <EuiCustomLink to={path}>{name}</EuiCustomLink>;
},
},
{
name: isLabelMode ? "Label" : "Feature",
field: "name",
render: (name: string, item: IFeatureColumnInService) => {
const isLabelView = item.viewType === "labelView";
const path = isLabelView
? `/p/${projectName}/label-view/${item.featureViewName}/label/${name}`
: `/p/${projectName}/feature-view/${item.featureViewName}/feature/${name}`;
return <EuiCustomLink to={path}>{name}</EuiCustomLink>;
},
},
{
name: "Value Type",
field: "valueType",
render: (valueType: feast.types.ValueType.Enum | string) => {
if (typeof valueType === "string") return valueType;
return feast.types.ValueType.Enum[valueType] || String(valueType);
},
},
];
const getRowProps = (item: IFeatureColumnInService) => {
return {
"data-test-subj": `row-${item.featureViewName}`,
};
};
return (
<EuiBasicTable columns={columns} items={items} rowProps={getRowProps} />
);
};
export default FeaturesInServiceList;