Merge c89fbf0e88 into 557a2cce35

[+] fix(exporter.tsx): fix issue with saving files in client app [Tauri] when there is a ':' in the dialog
[+] fix(utils.ts): fix issue with saving files in client app [Tauri]  when there is a ':' in the dialog

app/components/exporter.tsx

@@ -456,8 +456,13 @@ export function ImagePreviewer(props: {
 
       if (isMobile || (isApp && window.__TAURI__)) {
         if (isApp && window.__TAURI__) {
+          /**
+           * Fixed client app [Tauri]
+           * Resolved the issue where files couldn't be saved when there was a `:` in the dialog.
+           */
+          const fileName = props.topic.replace(/:/g, '');
           const result = await window.__TAURI__.dialog.save({
-            defaultPath: `${props.topic}.png`,
+            defaultPath: `${fileName}.png`,
             filters: [
               {
                 name: "PNG Files",

app/utils.ts

@@ -52,12 +52,18 @@ export async function copyToClipboard(text: string) {
 
 export async function downloadAs(text: string, filename: string) {
   if (window.__TAURI__) {
+    /**
+     * Fixed client app [Tauri]
+     * Resolved the issue where files couldn't be saved when there was a `:` in the dialog.
+    **/
+    const fileName = filename.replace(/:/g, '');
+    const fileExtension = fileName.split('.').pop();
     const result = await window.__TAURI__.dialog.save({
-      defaultPath: `${filename}`,
+      defaultPath: `${fileName}`,
       filters: [
         {
-          name: `${filename.split(".").pop()} files`,
-          extensions: [`${filename.split(".").pop()}`],
+          name: `${fileExtension} files`,
+          extensions: [`${fileExtension}`],
         },
         {
           name: "All Files",