Merge branch 'main' into 1.4.0

frontend/src/views/SettingsPage.jsx

@@ -20,6 +20,11 @@ import IconButton from "@mui/material/IconButton";
 import { Tooltip } from "@mui/material";
 import CloseIcon from "@mui/icons-material/Close";
 
+import { FileCopy, Visibility, VisibilityOff } from "@mui/icons-material";
+import IconButton from "@mui/material/IconButton";
+import { Tooltip } from "@mui/material";
+
+
 const Settings = (props) => {
   const { globalUrl, isLoaded, userdata, setUserData } = props;
   //const alert = useAlert();
@@ -61,6 +66,17 @@ const Settings = (props) => {
     }, 2000);
   }
 
+  const [showApiKey, setShowApiKey] = useState(false);
+  const [apiKeyCopied, setApiKeyCopied] = useState(false);
+
+  const handleCopyApiKey = () => {
+    navigator.clipboard.writeText(userSettings.apikey);
+    setApiKeyCopied(true);
+    setTimeout(() => {
+      setApiKeyCopied(false);
+    }, 2000);
+  }
+
   /*
 	const [userdata.eth_info, setEthInfo] = useState(userdata.eth_info !== undefined && userdata.eth_info.account !== undefined && userdata.eth_info.account.length > 0 ? userdata.eth_info : {
 		"account": "",
@@ -965,6 +981,7 @@ const Settings = (props) => {
         </Button>
         <h3>{passwordFormMessage}</h3> 
 
+
         {isCloud && (
           <>
             <Divider style={{ marginTop: "40px" }} />
@@ -1193,4 +1210,4 @@ const Settings = (props) => {
 
   return <div>{loadedCheck}</div>;
 };
-export default Settings;
+export default Settings;