황선혁 / weather_chatbot

Go to a project
Toggle navigation Toggle navigation pinning
Eric Whale
fa1d5d96 1 parent 194ae1fd

Add chatroombox, userbox components

Inline Side-by-side
Showing 4 changed files with 33 additions and 1 deletions
1 // components 1 // components
2 import Bottombar from "./components/Bottombar"; 2 import Bottombar from "./components/Bottombar";
3 import Topbar from "./components/Topbar"; 3 import Topbar from "./components/Topbar";
4 +import ChatroomBox from "./components/ChatroomBox";
4 5
5 function App() { 6 function App() {
6 return ( 7 return (
7 <div> 8 <div>
8 <Topbar /> 9 <Topbar />
9 - <h1>Chatroom</h1> 10 + <h1>Chatroom page</h1>
11 + <div>
12 + <div>Weather Chatbot</div>
13 + <div>Weather Chatbot</div>
14 + <div>Weather Chatbot</div>
15 + </div>
16 +
17 + <br />
18 +
19 + <div>
20 + <ChatroomBox />
21 + <ChatroomBox />
22 + <ChatroomBox />
23 + <ChatroomBox />
24 + </div>
10 <Bottombar /> 25 <Bottombar />
11 </div> 26 </div>
12 ); 27 );
......
1 +function ChatroomBox() {
2 + return <div>chatroomBox</div>;
3 +}
4 +
5 +export default ChatroomBox;
1 +function UserBox() {
2 + return <div>UserBox</div>;
3 +}
4 +
5 +export default UserBox;
1 // components 1 // components
2 import Bottombar from "../components/Bottombar"; 2 import Bottombar from "../components/Bottombar";
3 import Topbar from "../components/Topbar"; 3 import Topbar from "../components/Topbar";
4 +import UserBox from "../components/UserBox";
4 5
5 function Userroom() { 6 function Userroom() {
6 return ( 7 return (
7 <div> 8 <div>
8 <Topbar /> 9 <Topbar />
9 <h1>Userroom page</h1> 10 <h1>Userroom page</h1>
11 + <div>
12 + <UserBox />
13 + <UserBox />
14 + <UserBox />
15 + <UserBox />
16 + </div>
10 <Bottombar /> 17 <Bottombar />
11 </div> 18 </div>
12 ); 19 );
......