chore: add query to search result subTitle

rango-exchange · Nov 29, 2023 · 5798859 · 5798859
1 parent 7d1618b
commit 5798859
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/components/search/Result/Result.type.ts b/components/search/Result/Result.type.ts
@@ -2,4 +2,5 @@ import { SwapType } from 'types';
 
 export interface PropsType {
   data: SwapType[];
+  query: string;
 }
diff --git a/components/search/Result/index.tsx b/components/search/Result/index.tsx
@@ -2,7 +2,7 @@ import Table from 'components/common/Table';
 import { PropsType } from './Result.type';
 
 function Result(props: PropsType) {
-  const { data } = props;
+  const { data, query } = props;
   return (
     <div className="container mt-[3.125rem] rounded-normal bg-baseForeground p-35">
       <div className="flex flex-col">
@@ -11,7 +11,7 @@ function Result(props: PropsType) {
             Search Results
           </h2>
           <p className="text-16 text-neutral-800">
-            {`Found ${data.length} Rango swaps for this wallet address`}
+            {`Found ${data.length} Rango swaps for ${query}`}
           </p>
         </div>
         <div className="mt-25">

diff --git a/pages/search.tsx b/pages/search.tsx
@@ -31,7 +31,7 @@ function Search(props: PropsType) {
           {data && (
             <>
               {data.transactions && data.transactions.length ? (
-                <Result data={data.transactions} />
+                <Result data={data.transactions} query={query as string} />
               ) : (
                 <NotFound query={query as string} />
               )}