From 2cd1564e361906ba6339e8853cb01a1e1f15f004 Mon Sep 17 00:00:00 2001 From: Vinicius Souza Date: Fri, 25 Oct 2024 12:38:46 -0300 Subject: [PATCH] feat: add logout button to home header --- package.json | 1 + pnpm-lock.yaml | 16 ++++++++++++++++ src/components/HomeHeader.tsx | 8 ++++++-- 3 files changed, 23 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index dd0891f..5616cf9 100644 --- a/package.json +++ b/package.json @@ -19,6 +19,7 @@ "expo": "~51.0.28", "expo-font": "~12.0.10", "expo-status-bar": "~1.12.1", + "lucide-react-native": "^0.453.0", "react": "18.2.0", "react-native": "0.74.5", "react-native-safe-area-context": "4.10.5", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index e5f8fb8..143eb9d 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -38,6 +38,9 @@ importers: expo-status-bar: specifier: ~1.12.1 version: 1.12.1 + lucide-react-native: + specifier: ^0.453.0 + version: 0.453.0(react-native-svg@15.2.0(react-native@0.74.5(@babel/core@7.25.9)(@babel/preset-env@7.25.9(@babel/core@7.25.9))(@types/react@18.2.79)(react@18.2.0))(react@18.2.0))(react-native@0.74.5(@babel/core@7.25.9)(@babel/preset-env@7.25.9(@babel/core@7.25.9))(@types/react@18.2.79)(react@18.2.0))(react@18.2.0) react: specifier: 18.2.0 version: 18.2.0 @@ -3527,6 +3530,13 @@ packages: resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==} engines: {node: '>=10'} + lucide-react-native@0.453.0: + resolution: {integrity: sha512-pVeIjJUcRXL3362FfgIGd4IXyX+Ojj3s/cfDRTbpVGjkWnoFyMmvka9N7dbqmNJ08Yu3YzMHrrd7z1pvKeMWPA==} + peerDependencies: + react: ^16.5.1 || ^17.0.0 || ^18.0.0 + react-native: '*' + react-native-svg: ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 + make-dir@2.1.0: resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==} engines: {node: '>=6'} @@ -9728,6 +9738,12 @@ snapshots: dependencies: yallist: 4.0.0 + lucide-react-native@0.453.0(react-native-svg@15.2.0(react-native@0.74.5(@babel/core@7.25.9)(@babel/preset-env@7.25.9(@babel/core@7.25.9))(@types/react@18.2.79)(react@18.2.0))(react@18.2.0))(react-native@0.74.5(@babel/core@7.25.9)(@babel/preset-env@7.25.9(@babel/core@7.25.9))(@types/react@18.2.79)(react@18.2.0))(react@18.2.0): + dependencies: + react: 18.2.0 + react-native: 0.74.5(@babel/core@7.25.9)(@babel/preset-env@7.25.9(@babel/core@7.25.9))(@types/react@18.2.79)(react@18.2.0) + react-native-svg: 15.2.0(react-native@0.74.5(@babel/core@7.25.9)(@babel/preset-env@7.25.9(@babel/core@7.25.9))(@types/react@18.2.79)(react@18.2.0))(react@18.2.0) + make-dir@2.1.0: dependencies: pify: 4.0.1 diff --git a/src/components/HomeHeader.tsx b/src/components/HomeHeader.tsx index 89f6064..970200f 100644 --- a/src/components/HomeHeader.tsx +++ b/src/components/HomeHeader.tsx @@ -1,4 +1,6 @@ -import { Heading, HStack, Text, VStack } from "@gluestack-ui/themed"; +import { Heading, HStack, Icon, Text, VStack } from "@gluestack-ui/themed"; +import { LogOut } from "lucide-react-native"; + import { UserPhoto } from "./UserPhoto"; export function HomeHeader() { @@ -11,7 +13,7 @@ export function HomeHeader() { w="$16" /> - + Olá, @@ -19,6 +21,8 @@ export function HomeHeader() { John Doe + + ) }