feat(processing): add transfer area component to operationpanel

src/pages/view/components/OperationPanel.tsx

@@ -1,14 +1,21 @@
 import React from 'react';
-import { Flex } from 'antd';
+import { Layout } from 'antd';
 import FunctionArea from './FunctionArea';
+import TransferArea from './TransferArea';
+
+const { Content, Footer } = Layout;
 
 const OperationPanel = () => {
   return (
-    <Flex className="h-full" vertical>
-      <FunctionArea />
-      <div>Image State Control</div>
-      <div>Transfer Area</div>
-    </Flex>
+    <Layout className="h-full">
+      <Content>
+        <FunctionArea />
+      </Content>
+      <Footer className="p-1">
+        <div>Image State Control</div>
+        <TransferArea />
+      </Footer>
+    </Layout>
   );
 };
 

src/pages/view/components/TransferArea.tsx

@@ -1,12 +1,19 @@
 import React from 'react';
-import { Button, Space } from 'antd';
+import { Button } from 'antd';
 
 const TransferArea = () => {
   return (
-    <Space>
-      <Button>Send</Button>
-      <Button>Export</Button>
-    </Space>
+    <div className="transfer-area">
+      <Button
+        style={{
+          width: '1.5rem',
+          height: '1.5rem',
+          padding: 0,
+        }}
+      >
+        Send
+      </Button>
+    </div>
   );
 };