forked from feast-dev/feast
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathFeaturesInServiceDisplay.tsx
More file actions
71 lines (63 loc) · 1.88 KB
/
FeaturesInServiceDisplay.tsx
File metadata and controls
71 lines (63 loc) · 1.88 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
import React from "react";
import { z } from "zod";
import { EuiBasicTable } from "@elastic/eui";
import { FeastFeatureInServiceType } from "../parsers/feastFeatureServices";
import EuiCustomLink from "./EuiCustomLink";
import { FEAST_FEATURE_VALUE_TYPES } from "../parsers/types";
import { useParams } from "react-router-dom";
interface FeatureViewsListInterace {
featureViews: FeastFeatureInServiceType[];
}
const FeaturesInServiceList = ({ featureViews }: FeatureViewsListInterace) => {
const { projectName } = useParams();
const FeatureInService = z.object({
featureViewName: z.string(),
featureColumnName: z.string(),
valueType: z.nativeEnum(FEAST_FEATURE_VALUE_TYPES),
});
type FeatureInServiceType = z.infer<typeof FeatureInService>;
var items: FeatureInServiceType[] = [];
featureViews.forEach((featureView) => {
featureView.featureColumns.forEach((featureColumn) => {
const row: FeatureInServiceType = {
featureViewName: featureView.featureViewName,
featureColumnName: featureColumn.name,
valueType: featureColumn.valueType,
};
items.push(row);
});
});
const columns = [
{
name: "Feature View",
field: "featureViewName",
render: (name: string) => {
return (
<EuiCustomLink
href={`/p/${projectName}/feature-view/${name}`}
to={`/p/${projectName}/feature-view/${name}`}
>
{name}
</EuiCustomLink>
);
},
},
{
name: "Feature Column",
field: "featureColumnName",
},
{
name: "Value Type",
field: "valueType",
},
];
const getRowProps = (item: FeatureInServiceType) => {
return {
"data-test-subj": `row-${item.featureViewName}`,
};
};
return (
<EuiBasicTable columns={columns} items={items} rowProps={getRowProps} />
);
};
export default FeaturesInServiceList;