learning/ignitegym
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add logout button to home header

Browse source
This commit is contained in:
Vinicius Souza 2024-10-25 12:38:46 -03:00
parent 55e7e281df
commit 2cd1564e36
3 changed files with 23 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
package.json
View file

@ -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",

16
pnpm-lock.yaml
View file

@ -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

8
src/components/HomeHeader.tsx
View file

@ -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"
/>
<VStack>
<VStack flex={1}>
<Text color="$gray100" fontSize="$sm">
Olá,
</Text>
@ -19,6 +21,8 @@ export function HomeHeader() {
John Doe
</Heading>
</VStack>
<Icon as={LogOut} color="$gray200" size="xl" />
</HStack>
)
}