feat: add button to enable people talk to me to show errors

src/Components/Shared/WrongInfoLink.jsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import styled from 'styled-components';
+
+function WrongInfoLink() {
+ return (
+ <Button
+ to=""
+ onClick={() => window.open('https://www.linkedin.com/in/lucas-bruch/')}
+ >
+ Alguma informação incorreta? Entre em contato!
+ </Button>
+ );
+}
+
+export default WrongInfoLink;
+
+const Button = styled(Link)`
+ width: 250px;
+ height: 80px;
+ padding: 15px 10px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center;
+ background-color: #b28adb;
+ border-radius: 7px;
+ box-shadow: 0px 5px 5px rgba(171, 63, 188, 0.25);
+ font-weight: 500;
+ font-size: 18px;
+ color: white;
+ text-align: center;
+ position: absolute;
+ bottom: 105px;
+ right: 15px;
+ z-index: 3;
+
+ @media (max-width: 600px) {
+ width: 45%;
+ height: 50px;
+ font-size: 14px;
+ bottom: 15px;
+ left: 15px;
+ right: unset;
+ }
+
+ @media (max-width: 400px) {
+ left: 10px;
+ }
+`;