feat: add BAIPropertyFilter to Endpoint list

lablup · Sep 4, 2024 · 5c373bf · 5c373bf
1 parent 95093ee
commit 5c373bf
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/react/src/pages/EndpointListPage.tsx b/react/src/pages/EndpointListPage.tsx
@@ -1,3 +1,4 @@
+import BAIPropertyFilter from '../components/BAIPropertyFilter';
 import EndpointOwnerInfo from '../components/EndpointOwnerInfo';
 import EndpointStatusTag from '../components/EndpointStatusTag';
 import Flex from '../components/Flex';
@@ -410,7 +411,7 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
           paddingRight: token.paddingContentHorizontalSM,
         }}
       >
-        <Flex direction="column" align="start">
+        <Flex direction="row" gap={'sm'}>
           <Radio.Group
             value={selectedLifecycleStage}
             onChange={(e) => {
@@ -434,6 +435,15 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
               },
             ]}
           />
+          <BAIPropertyFilter
+            filterProperties={[
+              {
+                key: 'name',
+                type: 'string',
+                propertyLabel: t('modelService.EndpointName'),
+              },
+            ]}
+          />
         </Flex>
         <Flex direction="row" gap={'xs'} wrap="wrap" style={{ flexShrink: 1 }}>
           <Flex gap={'xs'}>