From 7f5c592a927791f014cbea1452e223ba14396e4c Mon Sep 17 00:00:00 2001
From: gomes <17035424+gomesalexandre@users.noreply.github.com>
Date: Tue, 4 Mar 2025 14:50:05 +0300
Subject: [PATCH] fix: lint

---
 .../KeepKey/components/Connect.tsx            | 15 ++++---
 .../NewWalletViews/routes/KeepKeyRoutes.tsx   | 43 +++++++++++--------
 2 files changed, 34 insertions(+), 24 deletions(-)

diff --git a/src/context/WalletProvider/KeepKey/components/Connect.tsx b/src/context/WalletProvider/KeepKey/components/Connect.tsx
index 42c25dc873b..712ad8e6308 100644
--- a/src/context/WalletProvider/KeepKey/components/Connect.tsx
+++ b/src/context/WalletProvider/KeepKey/components/Connect.tsx
@@ -8,7 +8,8 @@ import {
 } from '@chakra-ui/react'
 import type { KkRestAdapter } from '@keepkey/hdwallet-keepkey-rest'
 import type { Event, HDWalletError } from '@shapeshiftoss/hdwallet-core'
-import { useCallback, useState } from 'react'
+import type { InterpolationOptions } from 'node-polyglot'
+import { useCallback, useMemo, useState } from 'react'
 import semverGte from 'semver/functions/gte'
 
 import { KeepKeyConfig } from '../config'
@@ -158,6 +159,11 @@ export const KeepKeyConnect = () => {
     latestFirmware,
     versionsQuery.isFetching,
   ])
+
+  const walletNotFoundTranslation: [string, InterpolationOptions] = useMemo(
+    () => ['walletProvider.keepKey.errors.updateAlert', { version: latestFirmware }],
+    [latestFirmware],
+  )
   return (
     <>
       <ModalHeader>
@@ -185,12 +191,7 @@ export const KeepKeyConnect = () => {
             <Alert status='error' mt={4}>
               <AlertIcon />
               <AlertDescription>
-                <Text
-                  translation={[
-                    'walletProvider.keepKey.errors.updateAlert',
-                    { version: latestFirmware },
-                  ]}
-                />
+                <Text translation={walletNotFoundTranslation} />
               </AlertDescription>
             </Alert>
             <Button width='full' onClick={handleDownloadButtonClick} colorScheme='blue' mt={4}>
diff --git a/src/context/WalletProvider/NewWalletViews/routes/KeepKeyRoutes.tsx b/src/context/WalletProvider/NewWalletViews/routes/KeepKeyRoutes.tsx
index d156b56b13d..dab7e892470 100644
--- a/src/context/WalletProvider/NewWalletViews/routes/KeepKeyRoutes.tsx
+++ b/src/context/WalletProvider/NewWalletViews/routes/KeepKeyRoutes.tsx
@@ -2,7 +2,7 @@ import { Alert, AlertDescription, AlertIcon, Button } from '@chakra-ui/react'
 import type { KkRestAdapter } from '@keepkey/hdwallet-keepkey-rest'
 import type { Event, HDWallet, HDWalletError } from '@shapeshiftoss/hdwallet-core'
 import { useMutation } from '@tanstack/react-query'
-import { useCallback, useEffect, useState } from 'react'
+import { useCallback, useEffect, useMemo, useState } from 'react'
 import { Route, Switch } from 'react-router-dom'
 import semverGte from 'semver/functions/gte'
 
@@ -160,22 +160,31 @@ export const KeepKeyRoutes = () => {
     if (!deviceFirmwareQuery.data || !versionsQuery.data) return
 
     initializeKeepKeyMutation.mutate()
-  }, [wallet, deviceFirmwareQuery.data, versionsQuery.data])
-
-  const secondaryContent = error === 'walletProvider.errors.walletVersionTooOld' && (
-    <>
-      <Alert status='error'>
-        <AlertIcon />
-        <AlertDescription>
-          <Text
-            translation={['walletProvider.keepKey.errors.updateAlert', { version: latestFirmware }]}
-          />
-        </AlertDescription>
-      </Alert>
-      <Button width='full' onClick={handleDownloadButtonClick} colorScheme='blue'>
-        <Text translation={'walletProvider.keepKey.connect.downloadUpdaterApp'} />
-      </Button>
-    </>
+  }, [wallet, deviceFirmwareQuery.data, versionsQuery.data, initializeKeepKeyMutation])
+
+  const secondaryContent = useMemo(
+    () =>
+      error === 'walletProvider.errors.walletVersionTooOld' && (
+        <>
+          <Alert status='error'>
+            <AlertIcon />
+            <AlertDescription>
+              <Text
+                // This is already memoized
+                // eslint-disable-next-line react-memo/require-usememo
+                translation={[
+                  'walletProvider.keepKey.errors.updateAlert',
+                  { version: latestFirmware },
+                ]}
+              />
+            </AlertDescription>
+          </Alert>
+          <Button width='full' onClick={handleDownloadButtonClick} colorScheme='blue'>
+            <Text translation={'walletProvider.keepKey.connect.downloadUpdaterApp'} />
+          </Button>
+        </>
+      ),
+    [error, handleDownloadButtonClick, latestFirmware],
   )
 
   // Note, `/keepkey/connect` is handled with PairBody instead of the regular KK routes, since it's the new, better looking version