From cc72990b025009709cf79325fa2c2cdb7dce2f0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ti=E1=BA=BFn=20Nguy=E1=BB=85n=20Kh=E1=BA=AFc?=
 <tien.nguyenkhac@icloud.com>
Date: Sat, 16 Dec 2023 17:04:34 +1300
Subject: [PATCH] fix: history search by hash

always defaulting to current selected account make search by hash impossible
---
 .../src/components/widgets/history/History.tsx    | 15 +++++++++------
 apps/web/src/routes/portfolio/overview.tsx        |  6 +++---
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/apps/web/src/components/widgets/history/History.tsx b/apps/web/src/components/widgets/history/History.tsx
index ced033a27..27bc6a79f 100644
--- a/apps/web/src/components/widgets/history/History.tsx
+++ b/apps/web/src/components/widgets/history/History.tsx
@@ -30,7 +30,7 @@ type HistoryProps = {
 }
 
 // TODO: lots of repetitive account look up using `encodeAnyAddress`
-const InnerHistory = (props: HistoryProps) => {
+const _History = (props: HistoryProps) => {
   const allAccounts = useRecoilValue(accountsState)
 
   const [items, setItems] = useState<ExtrinsicNode[]>([])
@@ -316,13 +316,16 @@ const InnerHistory = (props: HistoryProps) => {
 }
 
 const History = (props: HistoryProps) => {
-  const selectedAccounts = useRecoilValue(selectedAccountsState)
-  const accountsToSearch = props.accounts ?? selectedAccounts
-
   // To invalidate component after query changes
-  const key = useMemo(() => JSON.stringify({ ...props, accounts: accountsToSearch }), [accountsToSearch, props])
+  const key = useMemo(() => JSON.stringify(props), [props])
 
-  return <InnerHistory key={key} {...props} accounts={accountsToSearch} />
+  return <_History key={key} {...props} />
 }
 
 export default History
+
+export const SelectedAccountsHistory = (props: Omit<HistoryProps, 'accounts'>) => {
+  const accountsToSearch = useRecoilValue(selectedAccountsState)
+
+  return <History {...props} accounts={accountsToSearch} />
+}
diff --git a/apps/web/src/routes/portfolio/overview.tsx b/apps/web/src/routes/portfolio/overview.tsx
index d8f866798..226b2a63d 100644
--- a/apps/web/src/routes/portfolio/overview.tsx
+++ b/apps/web/src/routes/portfolio/overview.tsx
@@ -6,7 +6,7 @@ import Asset, { AssetsList, AssetsListLocked } from '@components/recipes/Asset'
 import AnimatedFiatNumber from '@components/widgets/AnimatedFiatNumber'
 import ErrorBoundary from '@components/widgets/ErrorBoundary'
 import PortfolioAllocationGraph from '@components/widgets/PortfolioAllocationGraph'
-import History from '@components/widgets/history/History'
+import { SelectedAccountsHistory } from '@components/widgets/history/History'
 import Stakes from '@components/widgets/staking/Stakes'
 import { Eye, EyeOff } from '@talismn/icons'
 import { Button, IconButton } from '@talismn/ui'
@@ -111,9 +111,9 @@ const AssetsOverview = () => {
 }
 
 const HistoryOverview = () => (
-  <div css>
+  <div>
     <SectionHeader headlineText="History" />
-    <History maxCount={8} />
+    <SelectedAccountsHistory maxCount={8} />
     <div css={{ display: 'flex' }}>
       <Button variant="secondary" as={Link} to="history" css={{ marginTop: '1.8rem', marginLeft: 'auto' }}>
         View all history