New site, new svgs and bug fixes

components/search/modal.js

@@ -13,21 +13,18 @@ import {
   useColorModeValue,
 } from "@chakra-ui/react";
 import Search from "components/search";
-import { IoSearch } from "react-icons/io5";
+import { IoSearchOutline } from "react-icons/io5";
+import Item from "components/sidebar/item";
 
 const ModalSearch = (props) => {
   const { isOpen, onOpen, onClose } = useDisclosure();
   const bg = useColorModeValue("light.100", "dark.800");
   return (
     <>
-      <IconButton
-        aria-label="Search Icon"
-        bg="transparent"
-        icon={<IoSearch size="25"/>}
-        onClick={onOpen}
-        {...props}
-      />
-      <Modal isOpen={isOpen} onClose={onClose} motionPreset='slideInBottom'>
+      <Item icon={IoSearchOutline} onClick={onOpen}>
+        Search
+      </Item>
+      <Modal isOpen={isOpen} onClose={onClose} motionPreset="slideInBottom">
         <ModalOverlay />
         <ModalContent bg={bg}>
           <ModalHeader fontWeight="light">Search</ModalHeader>