This content originally appeared on DEV Community and was authored by ke na
[Background]
I used window.confirm to confirm actions before calling backend processes. But, Tauri’s dialog are also available,so I tried to use it.
[Conclusion]
window.confirm has minimal customization.
But Tauri’s dialog has various customizations.
This could be useful when you don't need many customization just like MUI.
Before
typescript
import { invoke } from "@tauri-apps/api/tauri";
const executeCommands = () => {
invoke<string>("command");
};
...
const handleCommand = async () => {
const Confirm = await window.confirm("Do you want to execute the hello command?");
if (Confirm) {
executeCommands();
}
};
...
return (
<div>
<button onClick={handleCommand}>Execute</button>
</div>
);
After
typescript
import { invoke } from "@tauri-apps/api/tauri";
import { dialog } from "@tauri-apps/api";
const executeCommands = () => {
invoke<string>("command");
};
...
const handleCommand = async () => {
const Confirm = await dialog.ask("Do you want to execute the hello command?", "Ask Dialog");
if (Confirm) {
// yes
executeCommands();
}
};
...
return (
<div>
<button onClick={handleCommand}>Execute</button>
</div>
);
In tauri.conf.json
json
{
"tauri": {
"allowlist": {
"all": false,
"dialog": {
"confirm": true,
"open": true,
"ask": true
}
}
}
}
This content originally appeared on DEV Community and was authored by ke na
Print
Share
Comment
Cite
Upload
Translate
Updates
There are no updates yet.
Click the Upload button above to add an update.
APA
MLA
ke na | Sciencx (2024-08-19T15:04:28+00:00) Tauri dialog instead of window.confirm. Retrieved from https://www.scien.cx/2024/08/19/tauri-dialog-instead-of-window-confirm/
" » Tauri dialog instead of window.confirm." ke na | Sciencx - Monday August 19, 2024, https://www.scien.cx/2024/08/19/tauri-dialog-instead-of-window-confirm/
HARVARDke na | Sciencx Monday August 19, 2024 » Tauri dialog instead of window.confirm., viewed ,<https://www.scien.cx/2024/08/19/tauri-dialog-instead-of-window-confirm/>
VANCOUVERke na | Sciencx - » Tauri dialog instead of window.confirm. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/08/19/tauri-dialog-instead-of-window-confirm/
CHICAGO" » Tauri dialog instead of window.confirm." ke na | Sciencx - Accessed . https://www.scien.cx/2024/08/19/tauri-dialog-instead-of-window-confirm/
IEEE" » Tauri dialog instead of window.confirm." ke na | Sciencx [Online]. Available: https://www.scien.cx/2024/08/19/tauri-dialog-instead-of-window-confirm/. [Accessed: ]
rf:citation » Tauri dialog instead of window.confirm | ke na | Sciencx | https://www.scien.cx/2024/08/19/tauri-dialog-instead-of-window-confirm/ |
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.