From 604583bbc54d319dd99d7033aab7bc5b44a5442f Mon Sep 17 00:00:00 2001
From: 230417 <230417@epvc.pt>
Date: Wed, 13 May 2026 09:16:14 +0100
Subject: [PATCH] feat: replace text-based logos with image assets across
 authentication and dashboard pages

---
 src/pages/AuthLogin.tsx    | 28 ++++++++++------------------
 src/pages/AuthRegister.tsx | 28 ++++++++++------------------
 src/pages/Dashboard.tsx    | 26 +++++++++-----------------
 3 files changed, 29 insertions(+), 53 deletions(-)

diff --git a/src/pages/AuthLogin.tsx b/src/pages/AuthLogin.tsx
index d9ee06f..ca62810 100644
--- a/src/pages/AuthLogin.tsx
+++ b/src/pages/AuthLogin.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Alert, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { Alert, ScrollView, StyleSheet, Text, TouchableOpacity, View, Image } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { useNavigation } from '@react-navigation/native';
 import { NativeStackNavigationProp } from '@react-navigation/native-stack';
@@ -42,9 +42,12 @@ export default function AuthLogin() {
     <SafeAreaView style={styles.container}>
       <ScrollView contentContainerStyle={styles.content} keyboardShouldPersistTaps="handled">
         <View style={styles.logoRow}>
-          <View style={styles.logoBox}>
-            <Text style={styles.logoText}>SA</Text>
-          </View>
+          <Image 
+            source={require('../../assets/logo.png')} 
+            style={styles.logoImage} 
+            resizeMode="contain"
+            defaultSource={require('../../assets/icon.png')}
+          />
         </View>
 
         <Text style={styles.title}>Bem-vindo</Text>
@@ -108,20 +111,9 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     marginBottom: 32,
   },
-  logoBox: {
-    width: 72,
-    height: 72,
-    borderRadius: 22,
-    backgroundColor: '#141420',
-    borderWidth: 1,
-    borderColor: 'rgba(99,102,241,0.3)',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  logoText: {
-    color: '#818cf8',
-    fontSize: 22,
-    fontWeight: '900',
+  logoImage: {
+    width: 280,
+    height: 140,
   },
   title: {
     fontSize: 34,
diff --git a/src/pages/AuthRegister.tsx b/src/pages/AuthRegister.tsx
index e30ab74..e1b44e7 100644
--- a/src/pages/AuthRegister.tsx
+++ b/src/pages/AuthRegister.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Alert, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { Alert, ScrollView, StyleSheet, Text, TouchableOpacity, View, Image } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { useNavigation } from '@react-navigation/native';
 import { NativeStackNavigationProp } from '@react-navigation/native-stack';
@@ -54,9 +54,12 @@ export default function AuthRegister() {
     <SafeAreaView style={styles.container}>
       <ScrollView contentContainerStyle={styles.content} keyboardShouldPersistTaps="handled">
         <View style={styles.logoRow}>
-          <View style={styles.logoBox}>
-            <Text style={styles.logoText}>SA</Text>
-          </View>
+          <Image 
+            source={require('../../assets/logo.png')} 
+            style={styles.logoImage} 
+            resizeMode="contain"
+            defaultSource={require('../../assets/icon.png')}
+          />
         </View>
 
         <Text style={styles.title}>Criar Conta</Text>
@@ -135,20 +138,9 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     marginBottom: 28,
   },
-  logoBox: {
-    width: 72,
-    height: 72,
-    borderRadius: 22,
-    backgroundColor: '#141420',
-    borderWidth: 1,
-    borderColor: 'rgba(99,102,241,0.3)',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  logoText: {
-    color: '#818cf8',
-    fontSize: 22,
-    fontWeight: '900',
+  logoImage: {
+    width: 200,
+    height: 100,
   },
   title: {
     fontSize: 34,
diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx
index 14cb836..9daac12 100644
--- a/src/pages/Dashboard.tsx
+++ b/src/pages/Dashboard.tsx
@@ -155,10 +155,12 @@ export default function Dashboard() {
     <SafeAreaView style={styles.container}>
       {/* Header Dashboard */}
       <View style={styles.header}>
-        <View style={styles.headerInfo}>
-          <Text style={styles.headerGreeting}>Gestão do Espaço</Text>
-          <Text style={styles.headerShopName} numberOfLines={1}>{shop.name}</Text>
-        </View>
+        <Image 
+          source={require('../../assets/logo.png')} 
+          style={styles.headerLogo} 
+          resizeMode="contain"
+          defaultSource={require('../../assets/icon.png')}
+        />
         <TouchableOpacity style={styles.brandPill} onPress={() => navigation.navigate('BarberProfileTab' as never)}>
           <Text style={styles.brandText}>{user?.name.charAt(0)}</Text>
         </TouchableOpacity>
@@ -437,19 +439,9 @@ const styles = StyleSheet.create({
     paddingHorizontal: 20,
     paddingVertical: 16,
   },
-  headerInfo: {
-    flex: 1,
-    gap: 2,
-  },
-  headerGreeting: {
-    color: '#64748b',
-    fontSize: 14,
-    fontWeight: '600',
-  },
-  headerShopName: {
-    color: '#f8fafc',
-    fontSize: 24,
-    fontWeight: '900',
+  headerLogo: {
+    width: 140,
+    height: 40,
   },
   brandPill: {
     width: 44,