Merge pull request #3 from victorlpgazolli/add/author-contact

[add] author github link

src/components/Author/index.js

@@ -0,0 +1,19 @@
+import React, { memo } from 'react'
+import {
+  shell
+} from "electron"
+import { Container } from './styles'
+
+
+const Author = () => {
+  const openAuthorGithub = () => {
+    shell.openExternal("https://github.com/victorlpgazolli/")
+  }
+  return (
+    <Container>
+      <button onClick={openAuthorGithub}>my github</button>
+    </Container>
+  )
+}
+
+export default memo(Author)

src/components/Author/styles.js

@@ -0,0 +1,18 @@
+import styled from 'styled-components'
+
+export const Container = styled.div(props => ({
+    position: "absolute",
+    bottom: 0,
+    width: "100%",
+    flex: 1,
+    display: "flex",
+    justifyContent: "flex-start",
+    padding: 20,
+    flexDirections: "row",
+    "& button": {
+        border: "none",
+        background: "none",
+        color: props.theme.colors.grey,
+        cursor: "pointer",
+    }
+}))

src/screen/ConnectionsList/index.js

@@ -6,6 +6,7 @@ import Connection from './Connection'
 import ConnectionFormModal from './ConnectionFormModal'
 import { Container, Connections } from './styles'
 import { connections } from '../../store/connections'
+import Author from '../../components/Author'
 
 const ConnectionsList = () => {
   const [isCreateModalOpen, toggleCreateModalOpen] = useToggle(false);
@@ -42,6 +43,7 @@ const ConnectionsList = () => {
             ))}
           </ul>
         </Connections>
+        <Author />
       </Container>
 
       <ConnectionFormModal