chore: add no available models notes

2024-09-29 11:52:50 +08:00
parent bc921ff835
commit 5c2503b2a8
11 changed files with 131 additions and 31 deletions
@@ -0,0 +1,42 @@
+import { useIntl, useNavigate } from '@umijs/max';
+import { Button, Empty, Typography } from 'antd';
+import React from 'react';
+
+const EmptyModels: React.FC<{
+  style?: React.CSSProperties;
+}> = ({ style }) => {
+  const intl = useIntl();
+  const navigate = useNavigate();
+
+  const handleDeployModel = () => {
+    navigate('/models');
+  };
+  return (
+    <div
+      className="flex-center justify-center"
+      style={{
+        ...style
+      }}
+    >
+      <Empty
+        image={Empty.PRESENTED_IMAGE_SIMPLE}
+        description={
+          <div className="flex-column">
+            <Typography.Text type="secondary">
+              {intl.formatMessage({ id: 'playground.model.noavailable' })}
+            </Typography.Text>
+            <Typography.Text type="secondary">
+              {intl.formatMessage({ id: 'playground.model.noavailable.tips' })}
+            </Typography.Text>
+          </div>
+        }
+      >
+        <Button type="primary" onClick={handleDeployModel}>
+          {intl.formatMessage({ id: 'models.button.deploy' })}
+        </Button>
+      </Empty>
+    </div>
+  );
+};
+
+export default EmptyModels;