[#10] searchBar setting

hanseulhee · Aug 21, 2022 · d2295ee · d2295ee
1 parent a252e5c
commit d2295ee
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/src/components/Nav/index.tsx b/src/components/Nav/index.tsx
@@ -3,7 +3,7 @@ import Category from "components/common/Category/TopLink";
 import SearchBar from "components/Nav/SearchBar";
 import Link from "next/link";
 
-function Nav() {
+function Nav({ searchField, setSearchField }) {
   return (
     <div css={wrapper}>
       <div css={inWrapper}>
@@ -12,7 +12,7 @@ function Nav() {
             <h1 css={logo}>온수냠냠냠</h1>
           </a>
         </Link>
-        <SearchBar />
+        <SearchBar searchField={searchField} setSearchField={setSearchField} />
       </div>
       <Category />
     </div>
@@ -29,7 +29,7 @@ const wrapper = css`
   background-color: white;
   z-index: 30;
 `;
-const inWrapper = (theme: Theme) => css`
+const inWrapper = css`
   display: flex;
   flex-direction: row;
   align-items: center;

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -1,6 +1,7 @@
 import type { AppProps } from "next/app";
 import Head from "next/head";
 import { NextUIProvider } from "@nextui-org/react";
+import { useState } from "react";
 import { ThemeProvider } from "@emotion/react";
 import Theme from "styles/Theme";
 import GlobalStyle from "styles/GlobalStyle";
@@ -17,6 +18,7 @@ declare global {
 
 function MyApp({ Component, pageProps }: AppProps) {
   const isWeb = useMediaQuery(769);
+  const [searchField, setSearchField] = useState("");
 
   return (
     <ThemeProvider theme={Theme}>
@@ -27,8 +29,8 @@ function MyApp({ Component, pageProps }: AppProps) {
       <GlobalStyle />
       {isWeb ? <WebWarning /> : ""}
       <NextUIProvider>
-        <Nav />
-        <Component {...pageProps} />
+        <Nav searchField={searchField} setSearchField={setSearchField} />
+        <Component {...pageProps} searchField={searchField} />
         <BottomLink />
       </NextUIProvider>
     </ThemeProvider>

diff --git a/tsconfig.json b/tsconfig.json
@@ -16,8 +16,8 @@
     "isolatedModules": true,
     "jsx": "preserve",
     "incremental": true,
-    "types": ["@emotion/react/types/css-prop"]
+    "types": ["@emotion/react/types/css-prop"],
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules"]
-}
+}