Showing
1 changed file
with
31 additions
and
0 deletions
front/src/Components/People.js
0 → 100644
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 | +}; |
-
Please register or login to post a comment