From c75605bd8a1d5dc359e7f7200cdeabf4b83a4267 Mon Sep 17 00:00:00 2001
From: Edwin Noriega <adolfonoriega9@gmail.com>
Date: Wed, 28 Aug 2024 16:56:06 -0600
Subject: [PATCH] feat: Add Ionicons and BounceableWind to DashboardScreen

---
 .../clients/mobile/react-native/src/screens/dashboard.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/{{cookiecutter.project_slug}}/clients/mobile/react-native/src/screens/dashboard.tsx b/{{cookiecutter.project_slug}}/clients/mobile/react-native/src/screens/dashboard.tsx
index 40daa676f..b33c6c93a 100644
--- a/{{cookiecutter.project_slug}}/clients/mobile/react-native/src/screens/dashboard.tsx
+++ b/{{cookiecutter.project_slug}}/clients/mobile/react-native/src/screens/dashboard.tsx
@@ -7,6 +7,8 @@ import { useAtomValue } from 'jotai'
 import React from 'react'
 import { Text, View } from 'react-native'
 import { SheetManager } from 'react-native-actions-sheet'
+import Ionicons from '@expo/vector-icons/Ionicons';
+import { BounceableWind } from '@components/styled'
 
 export const DashboardScreen = () => {
   const navio = useAtomValue(navioAtom)
@@ -23,6 +25,12 @@ export const DashboardScreen = () => {
   return (
     <MultiPlatformSafeAreaView safeAreaClassName="flex-1">
       <View className="flex-grow items-center justify-center">
+        <View className="flex-row justify-between items-center">
+          <View></View>
+          <BounceableWind onPress={() => navio.stacks.push('SettingsStack')}>
+            <Ionicons name="settings-outline" size={24} color="black" />
+          </BounceableWind>
+        </View>
         <Text className="text-xl font-primary-bold">Welcome to the Dashboard</Text>
       </View>
       <View className="w-full p-3">