From a0fa2ea4a74ddcfb65654ee288794adcb678f279 Mon Sep 17 00:00:00 2001 From: "Siddhesh.More" Date: Mon, 14 Oct 2024 19:31:26 +0530 Subject: [PATCH 1/2] update --- src/pages/Home.jsx | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx index f878ae5..51d36f3 100644 --- a/src/pages/Home.jsx +++ b/src/pages/Home.jsx @@ -17,7 +17,7 @@ import LineChart from "../components/Doughnut/LineChart"; import AmountCard from "../components/AmountCard/AmountCard"; import SwitchCharts from "../components/SwitchBtn/SwitchCharts"; import LatestTransactions from "../components/LatestTransactions/LatestTransactions"; -import { Link } from "react-router-dom"; +import { Link, useNavigate } from "react-router-dom"; import Pagination from "../components/Pagination"; import bannerImage from "../assets/images/bannerImg.png"; import { BiSearchAlt } from "react-icons/bi"; @@ -25,6 +25,8 @@ import { BiSearchAlt } from "react-icons/bi"; const Home = () => { const [isSwitchOn, setIsSwitchOn] = useState(true); const { colorMode, toggleColorMode } = useColorMode(); + const [ searchTerm, setSearchTerm] = useState("") + const navigate = useNavigate() return ( { fontSize={"sm"} rounded={0} border="none" + // borderLeft={0} // borderRight={0} @@ -122,7 +125,7 @@ const Home = () => { { bg={colorMode === "light" ? "#DEDBEB" : "#393939"} color={colorMode === "light" ? "#230A79" : "#fff"} cursor={'pointer'} - // border={`1px solid ${ - // colorMode === "light" ? "#230A79" : "#393939" - // }`} + onClick={()=>navigate(`/transaction/${searchTerm}`)} + border={`1px solid ${ + colorMode === "light" ? "#230A79" : "#565252" + }`} > {/* */} From 53053282d2164d4b99a1644aad0c7b93c89c5fea Mon Sep 17 00:00:00 2001 From: "Siddhesh.More" Date: Mon, 14 Oct 2024 19:37:31 +0530 Subject: [PATCH 2/2] udpate --- src/pages/DidInfo.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/DidInfo.jsx b/src/pages/DidInfo.jsx index 721aee4..d389482 100644 --- a/src/pages/DidInfo.jsx +++ b/src/pages/DidInfo.jsx @@ -18,7 +18,7 @@ import ToastBox from "../components/ToastBox"; const DidInfo = () => { useEffect(() => { window.scrollTo({ top: 0, behavior: "smooth" }); // Scroll to top smoothly when params change - }, [params]); + }, []); const { colorMode } = useColorMode(); const params = useParams()