feat(gr-sheet): Add copy log button

paneron · Jan 2, 2025 · f5f0423 · f5f0423
1 parent 4870619
commit f5f0423
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/packages/webgui/src/app.module.css b/packages/webgui/src/app.module.css
@@ -45,6 +45,12 @@
     font-size: 90%;
     padding: 2rem;
   }
+
+  .copyLog {
+    position: fixed;
+    top: 1rem;
+    right: 1rem;
+  }
 }
 
 .hidden {

diff --git a/packages/webgui/src/index.tsx b/packages/webgui/src/index.tsx
@@ -219,11 +219,25 @@ const App: React.FC<Record<never, never>> = function () {
                 </>
             : <>No convertor is available.</>}
         </div>
+        <div className={styles.copyLog}>
+          <CopyLogButton log={_log} />
+        </div>
       </div>
     </div>
   );
 };
 
+const CopyLogButton: React.FC<{ log: string[] }> = ({ log }) => {
+  return (
+    <button
+      onClick={() => {
+        navigator.clipboard.writeText(log.join('\n'));
+      }}
+    >
+      Copy log to clipboard
+    </button>
+  );
+};
 
 const DropReceiver: React.FC<{
   onDrop: (input?: Upload) => void;