feat: replace text-based logos with image assets across authentication and dashboard pages

This commit is contained in:
2026-05-13 09:16:14 +01:00
parent af1f79ec7b
commit 604583bbc5
3 changed files with 29 additions and 53 deletions

View File

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

View File

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

View File

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