diff --git a/components/Avatar/Avatar.module.css b/components/Avatar/Avatar.module.css new file mode 100644 index 000000000..c3a2af639 --- /dev/null +++ b/components/Avatar/Avatar.module.css @@ -0,0 +1,2 @@ +.root { +} diff --git a/components/Avatar/Avatar.tsx b/components/Avatar/Avatar.tsx new file mode 100644 index 000000000..edd140ffe --- /dev/null +++ b/components/Avatar/Avatar.tsx @@ -0,0 +1,23 @@ +import cn from "classnames"; +import React, { FunctionComponent } from "react"; +import s from "./Avatar.module.css"; + +interface Props { + className?: string; + children?: any; +} + +const Avatar: FunctionComponent = ({ className }) => { + const rootClassName = cn(s.root, className); + return ( +
+ +
+ ); +}; + +export default Avatar; diff --git a/components/Avatar/index.ts b/components/Avatar/index.ts new file mode 100644 index 000000000..279f4682f --- /dev/null +++ b/components/Avatar/index.ts @@ -0,0 +1 @@ +export { default } from "./Avatar"; diff --git a/components/Navbar/Navbar.tsx b/components/Navbar/Navbar.tsx index e5036ed7d..2ce486e7d 100644 --- a/components/Navbar/Navbar.tsx +++ b/components/Navbar/Navbar.tsx @@ -2,6 +2,7 @@ import cn from "classnames"; import React, { FunctionComponent } from "react"; import s from "./Navbar.module.css"; import { Logo, Container } from "ui"; +import { Avatar, Searchbar } from "components"; interface Props { className?: string; children?: any; @@ -13,9 +14,11 @@ const Navbar: FunctionComponent = ({ className }) => {
-
SEARCH BAR
-
Menu list bar
-
Menu Icon bar
+ + +
); diff --git a/components/Searchbar/Searchbar.module.css b/components/Searchbar/Searchbar.module.css new file mode 100644 index 000000000..30d6bca27 --- /dev/null +++ b/components/Searchbar/Searchbar.module.css @@ -0,0 +1,3 @@ +.root { + @apply px-4; +} diff --git a/components/Searchbar/Searchbar.tsx b/components/Searchbar/Searchbar.tsx new file mode 100644 index 000000000..d007c73e5 --- /dev/null +++ b/components/Searchbar/Searchbar.tsx @@ -0,0 +1,48 @@ +import cn from "classnames"; +import React, { FunctionComponent } from "react"; +import s from "./Searchbar.module.css"; + +interface Props { + className?: string; + children?: any; +} + +const Searchbar: FunctionComponent = ({ className }) => { + const rootClassName = cn(s.root, className); + return ( +
+
+
+
+ +
+ +
+ + + +
+
+
+
+
+
+ ); +}; + +export default Searchbar; diff --git a/components/Searchbar/index.ts b/components/Searchbar/index.ts new file mode 100644 index 000000000..94891f2fa --- /dev/null +++ b/components/Searchbar/index.ts @@ -0,0 +1 @@ +export { default } from "./Searchbar"; diff --git a/components/index.ts b/components/index.ts index 1b78fbf6f..cca98b4b8 100644 --- a/components/index.ts +++ b/components/index.ts @@ -1 +1,3 @@ export { default as Navbar } from "./Navbar"; +export { default as Searchbar } from "./Searchbar"; +export { default as Avatar } from "./Avatar";