Merge branch 'master' of github.com:meshtastic/meshtastic-web

src/components/Dialog/HelpDialog.tsx

@@ -0,0 +1,7 @@
+import type React from "react";
+
+import { Pane } from "evergreen-ui";
+
+export const HelpDialog = (): JSX.Element => {
+  return <Pane></Pane>;
+};

src/components/Dialog/PeersDialog.tsx

@@ -11,8 +11,8 @@ import {
   Tooltip,
 } from "evergreen-ui";
 
-import { useDevice } from "@app/core/stores/deviceStore.js";
 import { toMGRS } from "@app/core/utils/toMGRS.js";
+import { useDevice } from "@core/providers/useDevice.js";
 import { Hashicon } from "@emeraldpay/hashicon-react";
 import { Protobuf } from "@meshtastic/meshtasticjs";
 

src/components/Dialog/QRDialog.tsx

@@ -44,7 +44,10 @@ export const QRDialog = ({
         settings: channelsToEncode,
       })
     );
-    const base64 = fromByteArray(encoded);
+    const base64 = fromByteArray(encoded)
+      .replace(/=/g, "")
+      .replace(/\+/g, "-")
+      .replace(/\//g, "_");
 
     setQRCodeURL(`https://www.meshtastic.org/e/#${base64}`);
   }, [channels, selectedChannels, loraConfig]);