Showing
1 changed file
with
38 additions
and
0 deletions
1 | +import React from "react"; | ||
2 | +import Styled from "styled-components"; | ||
3 | +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; | ||
4 | +import { faPlusCircle } from "@fortawesome/free-solid-svg-icons"; | ||
5 | +import SearchBox from "./SearchBox"; | ||
6 | +import ChatListBox from "./ChatListBox"; | ||
7 | + | ||
8 | +const SubMenuBar = Styled.div` | ||
9 | + height: 100%; | ||
10 | + display:flex; | ||
11 | + flex-direction: column; | ||
12 | + justify-content: space-between; | ||
13 | + align-items: center; | ||
14 | + padding: 20px 10px; | ||
15 | +`; | ||
16 | + | ||
17 | +const PlusIconBox = Styled.div` | ||
18 | + width:100%; | ||
19 | + display:flex; | ||
20 | + justify-content:flex-end; | ||
21 | + align-items:center; | ||
22 | + font-size: 45px; | ||
23 | + color: #98D79C; | ||
24 | +`; | ||
25 | + | ||
26 | +export default () => { | ||
27 | + return ( | ||
28 | + <SubMenuBar> | ||
29 | + <SearchBox /> | ||
30 | + <ChatListBox /> | ||
31 | + <ChatListBox /> | ||
32 | + <ChatListBox /> | ||
33 | + <PlusIconBox> | ||
34 | + <FontAwesomeIcon icon={faPlusCircle} /> | ||
35 | + </PlusIconBox> | ||
36 | + </SubMenuBar> | ||
37 | + ); | ||
38 | +}; |
-
Please register or login to post a comment