Showing
1 changed file
with
5 additions
and
5 deletions
... | @@ -2,14 +2,14 @@ import React from "react"; | ... | @@ -2,14 +2,14 @@ import React from "react"; |
2 | import styled from "styled-components"; | 2 | import styled from "styled-components"; |
3 | import defaultProfile from "../../imgs/defaultProfile.jpg"; | 3 | import defaultProfile from "../../imgs/defaultProfile.jpg"; |
4 | 4 | ||
5 | -const ImgIconBox = styled.div` | 5 | +const ProfileIconBox = styled.div` |
6 | display: flex; | 6 | display: flex; |
7 | flex-direction: column; | 7 | flex-direction: column; |
8 | justify-content: center; | 8 | justify-content: center; |
9 | align-items: center; | 9 | align-items: center; |
10 | `; | 10 | `; |
11 | 11 | ||
12 | -const ImgIcon = styled.img` | 12 | +const ProfileIcon = styled.img` |
13 | width: 50px; | 13 | width: 50px; |
14 | border-radius: 20px; | 14 | border-radius: 20px; |
15 | src: ${(props) => props.theme.defaultProfile}; | 15 | src: ${(props) => props.theme.defaultProfile}; |
... | @@ -17,8 +17,8 @@ const ImgIcon = styled.img` | ... | @@ -17,8 +17,8 @@ const ImgIcon = styled.img` |
17 | 17 | ||
18 | export default () => { | 18 | export default () => { |
19 | return ( | 19 | return ( |
20 | - <ImgIconBox> | 20 | + <ProfileIconBox> |
21 | - <ImgIcon src={defaultProfile} /> | 21 | + <ProfileIcon src={defaultProfile} /> |
22 | - </ImgIconBox> | 22 | + </ProfileIconBox> |
23 | ); | 23 | ); |
24 | }; | 24 | }; | ... | ... |
-
Please register or login to post a comment