From d2e88ffdc48ee0ad2f0812d8b292a7492eab54b3 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Thu, 12 Jun 2025 00:09:19 +0700
Subject: [PATCH] fix: update style cortex dialog (#5245)

---
 .../dialogs/CortexFailureDialog.tsx           | 47 ++++++++++---------
 1 file changed, 25 insertions(+), 22 deletions(-)

diff --git a/web-app/src/containers/dialogs/CortexFailureDialog.tsx b/web-app/src/containers/dialogs/CortexFailureDialog.tsx
index b14ecf443..bdd2aff2e 100644
--- a/web-app/src/containers/dialogs/CortexFailureDialog.tsx
+++ b/web-app/src/containers/dialogs/CortexFailureDialog.tsx
@@ -18,13 +18,10 @@ export function CortexFailureDialog() {
   useEffect(() => {
     let unlisten: (() => void) | undefined
     const setupListener = async () => {
-      unlisten = await listen<null>(
-        'cortex_max_restarts_reached',
-        (event) => {
-          console.log('Cortex max restarts reached event received:', event)
-          setShowDialog(true)
-        }
-      )
+      unlisten = await listen<null>('cortex_max_restarts_reached', (event) => {
+        console.log('Cortex max restarts reached event received:', event)
+        setShowDialog(true)
+      })
     }
 
     setupListener()
@@ -55,34 +52,40 @@ export function CortexFailureDialog() {
     <Dialog open={showDialog} onOpenChange={setShowDialog}>
       <DialogContent>
         <DialogHeader>
-          <DialogTitle>{t('cortexFailureDialog.title', 'Local AI Engine Issue')}</DialogTitle>
+          <DialogTitle>
+            {t('cortexFailureDialog.title', 'Local AI Engine Issue')}
+          </DialogTitle>
         </DialogHeader>
         <DialogDescription>
-          {t('cortexFailureDialog.description', 'The local AI engine (Cortex) failed to start after multiple attempts. This might prevent some features from working correctly.')}
+          {t(
+            'cortexFailureDialog.description',
+            'The local AI engine (Cortex) failed to start after multiple attempts. This might prevent some features from working correctly.'
+          )}
         </DialogDescription>
-        <DialogFooter className="gap-2 sm:gap-0">
+        <DialogFooter className="flex gap-2">
           <Button
+            asChild
             variant="default"
-            className="bg-transparent border border-main-view-fg/20 hover:bg-main-view-fg/10"
+            className="bg-transparent border border-main-view-fg/20 hover:bg-main-view-fg/4"
             onClick={() => {
-              window.open('https://jan.ai/support', '_blank')
               setShowDialog(false)
             }}
           >
-            {t('cortexFailureDialog.contactSupport', 'Contact Support')}
+            <a
+              href="https://jan.ai/support"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <span className="text-main-view-fg/70">
+                {t('cortexFailureDialog.contactSupport', 'Contact Support')}
+              </span>
+            </a>
           </Button>
-          <Button
-            variant="default"
-            className="bg-transparent border border-main-view-fg/20 hover:bg-main-view-fg/10"
-            onClick={handleRestartJan}
-          >
+          <Button onClick={handleRestartJan}>
             {t('cortexFailureDialog.restartJan', 'Restart Jan')}
           </Button>
-          <Button onClick={() => setShowDialog(false)}>
-            {t('common.okay', 'Okay')}
-          </Button>
         </DialogFooter>
       </DialogContent>
     </Dialog>
   )
-}
\ No newline at end of file
+}