refactor: page layout

2025-11-05 10:02:25 +08:00
parent 219f9871a7
commit 4c22d08da5
43 changed files with 784 additions and 513 deletions
@@ -0,0 +1,40 @@
+import { useIntl } from '@umijs/max';
+import { Button, Space } from 'antd';
+import React from 'react';
+import IconFont from '../../../components/icon-font';
+
+const ViewCodeButtons: React.FC<{
+  handleViewCode: () => void;
+  handleToggleCollapse: () => void;
+  activeKey: string;
+}> = ({ handleViewCode, handleToggleCollapse, activeKey }) => {
+  const intl = useIntl();
+
+  if (activeKey === 'compare') {
+    return null;
+  }
+
+  return (
+    <Space key="buttons" style={{ marginRight: 8 }}>
+      <Button
+        size="middle"
+        onClick={handleViewCode}
+        icon={<IconFont type="icon-code" className="font-size-16"></IconFont>}
+      >
+        {intl.formatMessage({ id: 'playground.viewcode' })}
+      </Button>
+      <Button
+        size="middle"
+        onClick={handleToggleCollapse}
+        icon={
+          <IconFont
+            type="icon-a-layout6-line"
+            className="font-size-16"
+          ></IconFont>
+        }
+      ></Button>
+    </Space>
+  );
+};
+
+export default ViewCodeButtons;