Merge pull request #83 from jpcmf/improvement/auth-context-cookie-maxage

Improvement/auth context cookie maxage

Author: jpcmf

src/components/Header/Profile.tsx

@@ -1,6 +1,17 @@
 import { useContext } from "react";
 import { RiLogoutCircleLine } from "react-icons/ri";
-import { Box, Flex, Text, Menu, Avatar, MenuList, MenuItem, MenuButton } from "@chakra-ui/react";
+import {
+  Box,
+  Flex,
+  Text,
+  Menu,
+  Avatar,
+  MenuList,
+  MenuItem,
+  MenuButton,
+  MenuDivider,
+  MenuGroup
+} from "@chakra-ui/react";
 
 import { AuthContext } from "@/contexts/AuthContext";
 
@@ -27,18 +38,27 @@ export function Profile({ showProfileData = true }: ProfileProps) {
         </MenuButton>
 
         <MenuList bg="gray.900" borderColor="gray.800">
-          <MenuItem
-            icon={<RiLogoutCircleLine size={16} />}
-            onClick={signOut}
-            color="gray.600"
-            bg="gray.900"
-            _hover={{ color: "white" }}
-          >
-            Logout
-          </MenuItem>
-          <MenuItem color="gray.600" bg="gray.900" _hover={{ color: "white" }}>
-            {user?.about}
-          </MenuItem>
+          <MenuGroup title="Minha conta">
+            <MenuItem color="gray.600" bg="gray.900" _hover={{ color: "white" }}>
+              {user?.about}
+            </MenuItem>
+            <MenuItem color="gray.600" bg="gray.900" _hover={{ color: "white" }}>
+              My Account
+            </MenuItem>
+            <MenuItem color="gray.600" bg="gray.900" _hover={{ color: "white" }}>
+              Payments{" "}
+            </MenuItem>
+            <MenuDivider />
+            <MenuItem
+              icon={<RiLogoutCircleLine size={16} />}
+              onClick={signOut}
+              color="gray.600"
+              bg="gray.900"
+              _hover={{ color: "white" }}
+            >
+              Logout
+            </MenuItem>
+          </MenuGroup>
         </MenuList>
       </Menu>
     </Flex>

src/contexts/AuthContext.tsx

@@ -1,6 +1,6 @@
 import Router from "next/router";
-import { destroyCookie, parseCookies, setCookie } from "nookies";
 import { createContext, useEffect, useState } from "react";
+import { destroyCookie, parseCookies, setCookie } from "nookies";
 
 import { signInRequest, userMe } from "../services/auth";
 
@@ -48,18 +48,18 @@ export function AuthProvider({ children }: { children: React.ReactNode }) {
     const { user, jwt } = await signInRequest({ email, password });
 
     setCookie(undefined, "nextauth.token", jwt, {
-      // maxAge: 60 * 60 * 1 // 1 hour
-      maxAge: 180 // 3 minutes
+      maxAge: 60 * 60 * 1 // 1 hour
+      // maxAge: 60 * 60 * 24 * 1 // 1 day
     });
 
     setUser(user);
-
-    console.log("user...", user);
+    console.table(user);
 
     Router.push("/dashboard");
   }
 
   function signOut() {
+    setUser(null);
     destroyCookie(undefined, "nextauth.token");
     Router.push("/auth/signin");
   }