diff --git a/src/components/views/Home.jsx b/src/components/views/Home.jsx index 8c1011ff..ffc0d9d5 100644 --- a/src/components/views/Home.jsx +++ b/src/components/views/Home.jsx @@ -1,6 +1,6 @@ -import React, { useEffect } from 'react'; +import React, { useEffect, useRef } from 'react'; import useAppStore from '../../useAppStore'; -import { Link } from 'react-router-dom'; +import { Link, useNavigate } from 'react-router-dom'; import { Container, Header, Logo, Page, Search, About, AboutTitle, AboutContent, Boards, BoardsTitle, BoardsContent, Footer } from './styles/Home.styled'; @@ -13,6 +13,9 @@ const Home = () => { setSelectedTitle } = useAppStore(state => state); + const inputRef = useRef(null); + const navigate = useNavigate(); + // prevent dark mode useEffect(() => { setBodyStyle({ @@ -35,10 +38,26 @@ const Home = () => { -
- - -
+ { + if (event.key === "Enter") { + event.preventDefault(); + const address = inputRef.current.value; + if (address) { + setSelectedAddress(address); + navigate(`/${address}`) + } + } + }} /> + { + const address = inputRef.current.value; + if (address) { + setSelectedAddress(address); + navigate(`/${address}`) + } + } + } />