From d6654b704b5da5a7c1718236624541ff7c56a5d3 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Thu, 30 Sep 2021 19:31:51 -0700
Subject: [PATCH] Search icon on homepage is now a link

Like, the little magnifying glass in the "Search all items", you can click it to get taken to the _big_ search page with the autocomplete filters and stuff
---
 src/app/HomePage.js | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/app/HomePage.js b/src/app/HomePage.js
index c687068..ea2b14e 100644
--- a/src/app/HomePage.js
+++ b/src/app/HomePage.js
@@ -12,7 +12,7 @@ import {
   InputGroup,
   InputLeftElement,
   InputRightElement,
-  Link,
+  Link as ChakraLink,
   ListItem,
   Skeleton,
   Textarea,
@@ -24,7 +24,7 @@ import {
   VStack,
 } from "@chakra-ui/react";
 import { ArrowForwardIcon, SearchIcon } from "@chakra-ui/icons";
-import { useHistory, useLocation } from "react-router-dom";
+import { Link, useHistory, useLocation } from "react-router-dom";
 import { useLazyQuery, useQuery } from "@apollo/client";
 
 import {
@@ -333,15 +333,18 @@ function ItemsSearchField() {
 
   return (
     <form
-      onSubmit={() => {
+      onSubmit={(e) => {
+        e.preventDefault();
         if (query) {
           history.push(`/items/search/${encodeURIComponent(query)}`);
         }
       }}
     >
       <InputGroup size="sm">
-        <InputLeftElement pointerEvents="none">
-          <SearchIcon color="gray.400" />
+        <InputLeftElement>
+          <Box as={Link} to="/items/search" display="flex">
+            <SearchIcon color="gray.400" />
+          </Box>
         </InputLeftElement>
         <Input
           value={query}
@@ -694,12 +697,12 @@ function FeedbackFormPitch() {
             <ListItem>Better item list pages</ListItem>
             <ListItem>Outfit saving! Try it out!!</ListItem>
             <ListItem>
-              <Link
+              <ChakraLink
                 href="https://twitter.com/NeopetsDTI"
                 textDecoration="underline"
               >
                 See more on Twitter!
-              </Link>
+              </ChakraLink>
             </ListItem>
           </UnorderedList>
         </Box>