✨ Add new component PhotoUserCollab

Author: LuizGMiranda

src/components/PhotoUserCollab/index.js

@@ -0,0 +1,12 @@
+import React from "react";
+
+import { Container, PhotoUser } from "./styles";
+import ImageUserDefault from "../../img/userdefault.jpg";
+
+const PhotoUserCollab = ({ img }) => (
+  <Container>
+    <PhotoUser src={img ? img : ImageUserDefault} />
+  </Container>
+);
+
+export default PhotoUserCollab;

src/components/PhotoUserCollab/styles.js

@@ -0,0 +1,28 @@
+import styled from "styled-components";
+
+export const Container = styled.div`
+  height: 40px;
+  width: 40px;
+  border-radius: 50%;
+  vertical-align: top;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  text-decoration: none;
+  border: 0;
+  margin: 10px;
+  position: relative;
+
+  @media (max-width: 767.98px) {
+    display: none;
+  }
+`;
+
+export const PhotoUser = styled.img`
+  margin: 0;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin-right: -50%;
+  transform: translate(-50%, -50%)
+`;