chore: adjust deployment modal form

2025-09-16 11:26:17 +08:00
parent ed49e03802
commit 29b74f85c5
39 changed files with 1574 additions and 786 deletions
@@ -0,0 +1,27 @@
+import { QuestionCircleOutlined } from '@ant-design/icons';
+import { Checkbox, Tooltip } from 'antd';
+import { CheckboxChangeEvent } from 'antd/es/checkbox';
+import React from 'react';
+
+const CheckboxField: React.FC<{
+  description?: React.ReactNode;
+  label: React.ReactNode;
+  checked?: boolean;
+  onChange?: (e: CheckboxChangeEvent) => void;
+}> = ({ description, label, checked, onChange }) => {
+  return (
+    <Checkbox className="p-l-6" checked={checked} onChange={onChange}>
+      <Tooltip title={description || false}>
+        <span style={{ color: 'var(--ant-color-text-tertiary)' }}>{label}</span>
+        {!!description && (
+          <QuestionCircleOutlined
+            className="m-l-4"
+            style={{ color: 'var(--ant-color-text-tertiary)' }}
+          />
+        )}
+      </Tooltip>
+    </Checkbox>
+  );
+};
+
+export default CheckboxField;