diff --git a/src/pages/instance/DashboardInstance/index.tsx b/src/pages/instance/DashboardInstance/index.tsx index bd013cd..893dd6d 100644 --- a/src/pages/instance/DashboardInstance/index.tsx +++ b/src/pages/instance/DashboardInstance/index.tsx @@ -3,7 +3,7 @@ import { Alert, AlertTitle } from "@evoapi/design-system/alert"; import { Avatar, AvatarImage } from "@evoapi/design-system/avatar"; import { Button } from "@evoapi/design-system/button"; import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@evoapi/design-system/card"; -import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTrigger } from "@/components/ui/dialog"; +import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"; import { CircleUser, LogOut, MessageCircle, Power, QrCode, RefreshCw, Send, UsersRound } from "lucide-react"; import { useEffect, useMemo, useState } from "react"; import { useTranslation } from "react-i18next"; @@ -30,6 +30,7 @@ function DashboardInstance() { const [pairingCode, setPairingCode] = useState(""); const [goQrOpen, setGoQrOpen] = useState(false); const [goSendOpen, setGoSendOpen] = useState(false); + const [logoutConfirmation, setLogoutConfirmation] = useState(false); const token = getToken(TOKEN_ID.TOKEN); const isGo = getProvider() === "go"; const { theme } = useTheme(); @@ -126,7 +127,7 @@ function DashboardInstance() { { label: t("instance.dashboard.button.disconnect", { defaultValue: "Desconectar" }), icon: , - onClick: () => handleLogout(instance.name), + onClick: () => setLogoutConfirmation(true), variant: "destructive" as const, }, ] @@ -156,9 +157,7 @@ function DashboardInstance() { )}
{instance.profileName || instance.name} - {instance.ownerJid && ( -

{instance.ownerJid.split("@")[0]}

- )} + {instance.ownerJid &&

{instance.ownerJid.split("@")[0]}

}
@@ -171,9 +170,7 @@ function DashboardInstance() { {!connected && ( - - {t("instance.dashboard.alert")} - + {t("instance.dashboard.alert")} {isGo ? ( <> @@ -195,11 +192,7 @@ function DashboardInstance() { {t("instance.dashboard.button.qrcode.title")}
- {qrCode ? ( - - ) : ( - - )} + {qrCode ? : }
@@ -269,6 +262,30 @@ function DashboardInstance() { + + + + + {t("instance.dashboard.disconnectConfirm.title")} + {t("instance.dashboard.disconnectConfirm.description")} + + +
+ + +
+
+
+
); } diff --git a/src/translate/languages/en-US.json b/src/translate/languages/en-US.json index 5c83b82..8680132 100644 --- a/src/translate/languages/en-US.json +++ b/src/translate/languages/en-US.json @@ -352,7 +352,11 @@ "contacts": "Contacts", "chats": "Chats", "messages": "Messages", - "subtitle": "Manage your instance" + "subtitle": "Manage your instance", + "disconnectConfirm": { + "title": "Disconnect instance?", + "description": "This will unlink the WhatsApp session from this instance. To reconnect you will need to scan the QR code again. Do you want to continue?" + } } }, "settings": { diff --git a/src/translate/languages/es-ES.json b/src/translate/languages/es-ES.json index 9b9e905..e14e7ae 100644 --- a/src/translate/languages/es-ES.json +++ b/src/translate/languages/es-ES.json @@ -309,7 +309,11 @@ "contacts": "Contactos", "chats": "Chats", "messages": "Mensajes", - "subtitle": "Administre su instancia" + "subtitle": "Administre su instancia", + "disconnectConfirm": { + "title": "¿Desconectar instancia?", + "description": "Esto desvinculará la sesión de WhatsApp de esta instancia. Para volver a conectarla tendrás que escanear el código QR de nuevo. ¿Deseas continuar?" + } } }, "settings": { diff --git a/src/translate/languages/fr-FR.json b/src/translate/languages/fr-FR.json index e381f2d..c8cd8be 100644 --- a/src/translate/languages/fr-FR.json +++ b/src/translate/languages/fr-FR.json @@ -308,7 +308,11 @@ "contacts": "Contacts", "chats": "Chats", "messages": "Messages", - "subtitle": "Gérez votre instance" + "subtitle": "Gérez votre instance", + "disconnectConfirm": { + "title": "Déconnecter l'instance ?", + "description": "Cela dissociera la session WhatsApp de cette instance. Pour la reconnecter, vous devrez scanner à nouveau le code QR. Voulez-vous continuer ?" + } } }, "settings": { diff --git a/src/translate/languages/pt-BR.json b/src/translate/languages/pt-BR.json index 378e1f5..c1f29c0 100644 --- a/src/translate/languages/pt-BR.json +++ b/src/translate/languages/pt-BR.json @@ -309,7 +309,11 @@ "alert": "Para conectar, escaneie o QR Code com o WhatsApp", "contacts": "Contatos", "chats": "Chats", - "messages": "Mensagens" + "messages": "Mensagens", + "disconnectConfirm": { + "title": "Desconectar instância?", + "description": "Isso irá desvincular a sessão do WhatsApp desta instância. Para reconectar, você precisará escanear o QR code novamente. Deseja continuar?" + } } }, "settings": {