From ec01d4cadad07fb25e44ae040b4ff4096fbde39b Mon Sep 17 00:00:00 2001
From: joseCorte-exe <josecorte-corte@hotmail.com>
Date: Mon, 16 May 2022 08:51:43 -0300
Subject: [PATCH] :sparkles:

---
 public/assets/logout.svg              |  3 +++
 src/components/sidebar/Sidebar.tsx    |  1 +
 src/components/sidebar/SidebarView.ts | 21 +++++++++++++++++++++
 3 files changed, 25 insertions(+)
 create mode 100644 public/assets/logout.svg

diff --git a/public/assets/logout.svg b/public/assets/logout.svg
new file mode 100644
index 0000000..ff3156a
--- /dev/null
+++ b/public/assets/logout.svg
@@ -0,0 +1,3 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path fill="none" stroke="#FFF" stroke-width="2" d="M13,9 L13,2 L1,2 L1,22 L13,22 L13,15 M22,12 L5,12 M17,7 L22,12 L17,17"/>
+</svg>
diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx
index 9070f5e..d9c3d64 100644
--- a/src/components/sidebar/Sidebar.tsx
+++ b/src/components/sidebar/Sidebar.tsx
@@ -41,6 +41,7 @@ export default function Sidebar() {
         <Link href='#'><li className={router.pathname=='/notification'? 'actualPath' : null}><Image src='/assets/sidebar/notificationsIcon.svg' width={25} height={25} />{'Notificação >'}</li></Link>
         <Link href='/aboutUs'><li className={router.pathname=='/aboutUs'? 'actualPath' : null}><Image src='/assets/sidebar/dashboardIcon.svg' width={25} height={25} />{'Sobre Nós >'}</li></Link>
         <Link href='/faq'><li className={router.pathname=='/faq'? 'actualPath' : null}><Image src='/assets/sidebar/saqIcon.svg' width={25} height={25} />{'FAQ >'}</li></Link>
+        <Link href='/'><button><Image src='/assets/logout.svg' width={25} height={25} />{'Sair'}</button></Link>
       </ul>
       <aside>
         <p>Nossos Gerentes estão prontos para atendê-los</p>
diff --git a/src/components/sidebar/SidebarView.ts b/src/components/sidebar/SidebarView.ts
index b3aa4c3..d14d64d 100644
--- a/src/components/sidebar/SidebarView.ts
+++ b/src/components/sidebar/SidebarView.ts
@@ -122,6 +122,27 @@ export const SidebarView = styled.nav<SidebarViewInterface>`
     display: none;
   }
 
+  button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    width: 10rem;
+    height: 3rem;
+
+    background-color: red;
+    border-style: none;
+
+    border-radius: 6px;
+
+    font-family: 'Poppins';
+    font-weight: 600;
+    font-size: 99.98%;
+    color: #fff;
+
+    cursor: pointer;
+  }
+
   @media (max-width: 1008px) {
     align-items: flex-start;