Add copy logs button

ExpressLRS · Mar 11, 2022 · d12cac5 · d12cac5
1 parent e92632b
commit d12cac5
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/src/ui/components/CardTitle/index.tsx b/src/ui/components/CardTitle/index.tsx
@@ -11,7 +11,7 @@ const CardTitle: FunctionComponent<CardTitleProps> = memo(({ icon, title }) => {
     <CardContent>
       <Grid container spacing={1} alignItems="center">
         <Grid item>{icon}</Grid>
-        <Grid item>
+        <Grid item flexGrow={1}>
           <Typography variant="h6">{title}</Typography>
         </Grid>
       </Grid>

diff --git a/src/ui/views/ConfiguratorView/index.tsx b/src/ui/views/ConfiguratorView/index.tsx
@@ -19,11 +19,12 @@ import {
   DialogContentText,
   DialogTitle,
   Divider,
+  IconButton,
   Tooltip,
 } from '@mui/material';
 import SettingsIcon from '@mui/icons-material/Settings';
 import { ipcRenderer } from 'electron';
-import { NetworkWifi } from '@mui/icons-material';
+import { ContentCopy, NetworkWifi } from '@mui/icons-material';
 import FirmwareVersionForm from '../../components/FirmwareVersionForm';
 import DeviceTargetForm from '../../components/DeviceTargetForm';
 import DeviceOptionsForm, {
@@ -1003,7 +1004,24 @@ const ConfiguratorView: FunctionComponent<ConfiguratorViewProps> = (props) => {
 
           {logs.length > 0 && (
             <>
-              <CardTitle icon={<SettingsIcon />} title="Logs" />
+              <CardTitle
+                icon={<SettingsIcon />}
+                title={
+                  <Box display="flex" justifyContent="space-between">
+                    <Box>Logs</Box>
+                    <Box>
+                      <IconButton
+                        aria-label="Copy the logs"
+                        onClick={async () => {
+                          await navigator.clipboard.writeText(logs);
+                        }}
+                      >
+                        <ContentCopy />
+                      </IconButton>
+                    </Box>
+                  </Box>
+                }
+              />
               <Divider />
               <CardContent>
                 <Box sx={styles.longBuildDurationWarning}>