chat retrieval is done

src/components/home/Search.jsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const Search = (props) => {
+  return (
+      <a className="MyButton search-class mclaren-regular" onClick={() => {
+          props.search(props.item);
+      }}>Find</a>
+  );
+};
+
+export default Search;

src/components/home/css/homeTitle.css

@@ -12,11 +12,23 @@
     color: orange;
 }
 
+.search-class {
+    margin-top: 2vw;
+    margin-bottom: 4vw;
+
+    display: flex;
+    align-items: center;
+}
+
 
 @media only screen and (max-width: 800px) {
     .homeTitle {
         font-size: 8vh;
     }
+
+    .search-class {
+        margin-top: 3vh;
+    }
 }
 
 .chatIcon {

src/components/reg/InputField.jsx

@@ -8,6 +8,7 @@ const InputField = (props) => {
               onChange={(e) => props.setValue(e.target.value)}
               value={props.value}
               className="Input"
+              placeholder={(props.placeholder) ? props.placeholder : ''}
           />
       </div>
   );