add button that copies the text content of an assignment to the clipb…

…oard
nattvara · Oct 5, 2023 · ba3b673 · ba3b673
1 parent 30e2960
commit ba3b673
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/web-ui/src/components/image/image-progress/image-progress.tsx b/web-ui/src/components/image/image-progress/image-progress.tsx
@@ -1,10 +1,11 @@
 import {
   CheckCircleOutlined,
+  CopyOutlined,
   ExclamationCircleOutlined,
   SyncOutlined,
 } from '@ant-design/icons';
 import styles from './image-progress.less';
-import { Row, Col, Space, Progress, Tag, Collapse, Typography } from 'antd';
+import { Row, Col, Space, Progress, Tag, Collapse, Typography, Button, Tooltip } from 'antd';
 import { Image } from '@/types/search';
 import { useEffect } from 'react';
 
@@ -80,6 +81,12 @@ export default function ImageProgress(props: ImageProgressProps) {
     progressStatus = 'success';
   }
 
+  const copyTextContentToClipboard = () => {
+    if (image.text_content) {
+      navigator.clipboard.writeText(image.text_content);
+    }
+  };
+
   useEffect(() => {
     if (failed !== 0) {
       onUpdate({ failed: true });
@@ -104,6 +111,15 @@ export default function ImageProgress(props: ImageProgressProps) {
               <Row>
                 <Title level={4} style={{ margin: 0 }}>
                   Parsing Assignment
+                  <span> </span>
+                  <Tooltip title="Copy assignment text">
+                    <Button
+                      type="text"
+                      icon={<CopyOutlined />}
+                      onClick={() => copyTextContentToClipboard()}
+                      disabled={progressStatus !== 'success'}
+                    ></Button>
+                  </Tooltip>
                 </Title>
                 <Paragraph className={styles.meta}>
                   This usually takes around 30 seconds