|
@@ -0,0 +1,37 @@
|
|
|
|
+import React from 'react';
|
|
|
|
+import { Button, Card, Layout, Space } from 'antd';
|
|
|
|
+
|
|
|
|
+const { Content } = Layout;
|
|
|
|
+
|
|
|
|
+const AppendView: React.FC = () => {
|
|
|
|
+ return (
|
|
|
|
+ <Layout className="append-view">
|
|
|
|
+ {/* Upper area for selection */}
|
|
|
|
+ <Content className="selection-area">
|
|
|
|
+ <Space direction="vertical" size="large" style={{ width: '100%' }}>
|
|
|
|
+ <Card title="Body Positions">
|
|
|
|
+ {/* Add body position selection components here */}
|
|
|
|
+ </Card>
|
|
|
|
+ <Card title="Protocols">
|
|
|
|
+ {/* Add protocol selection components here */}
|
|
|
|
+ </Card>
|
|
|
|
+ </Space>
|
|
|
|
+ </Content>
|
|
|
|
+
|
|
|
|
+ {/* Lower area for selected positions */}
|
|
|
|
+ <Content className="selected-positions-area">
|
|
|
|
+ <Card title="Selected Positions">
|
|
|
|
+ {/* Add selected positions display components here */}
|
|
|
|
+ </Card>
|
|
|
|
+ </Content>
|
|
|
|
+
|
|
|
|
+ {/* Floating buttons */}
|
|
|
|
+ <Space className="floating-buttons">
|
|
|
|
+ <Button className="cancel-button">Cancel</Button>
|
|
|
|
+ <Button className="accept-button">Accept</Button>
|
|
|
|
+ </Space>
|
|
|
|
+ </Layout>
|
|
|
|
+ );
|
|
|
|
+};
|
|
|
|
+
|
|
|
|
+export default AppendView;
|