sdy

init People container

1 +import React from "react";
2 +import styled from "styled-components";
3 +import Header from "./Header";
4 +import SearchBox from "./SearchBox";
5 +import ProfileIcon from "./ProfileIcon";
6 +
7 +const PeopleContainer = styled.div``;
8 +
9 +const GridContainer = styled.div``;
10 +
11 +const ProfileIconContainer = styled.div``; // this information get from database
12 +
13 +const Username = styled.span``; // this information get from database
14 +
15 +export default () => {
16 + return (
17 + <>
18 + <Header text={"People"}></Header>
19 + <PeopleContainer>
20 + <SearchBox />
21 + <GridContainer>
22 + <ProfileIconContainer>
23 + <ProfileIcon>
24 + <Username>User 1</Username>
25 + </ProfileIcon>
26 + </ProfileIconContainer>
27 + </GridContainer>
28 + </PeopleContainer>
29 + </>
30 + );
31 +};