bobbert/MAD-Treasure-Hunt
1
0 Fork 0
mirror of https://github.com/mudabbir-ahmad/MAD-Treasure-Hunt.git synced 2026-10-07 19:00:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactored app theme

Browse Source 
changed texts to suit dark theme.
This commit is contained in:
suddenlyoranges committed 2026-04-09 21:39:42 +01:00
1 parent 07b12cdd0f
commit 12847cc46c
5 files changed
+204 -144
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/components/screens/global/GlobalCacheViewScreen.js
+14 -13
View File
@@ -1,10 +1,10 @@
import {useEffect} from "react"; import { useEffect } from "react";
import {StyleSheet, Text, View} from "react-native"; import { StyleSheet, Text, View } from "react-native";
import Screen from "../../layout/Screen"; import Screen from "../../layout/Screen";
import {Button, ButtonTray} from "../../UI/Button"; import { Button, ButtonTray } from "../../UI/Button";
import Card from "../../UI/Card"; import Card from "../../UI/Card";
import {getSession} from "../../../hooks/SessionStore"; import { getSession } from "../../../hooks/SessionStore";
import {GAME_MODE} from "../../../utils/gameConstants"; import { GAME_MODE } from "../../../utils/gameConstants";
const GlobalCacheViewScreen = ({ navigation, route }) => { const GlobalCacheViewScreen = ({ navigation, route }) => {
// Initialisations --------------------- // Initialisations ---------------------
@@ -67,7 +67,8 @@ const GlobalCacheViewScreen = ({ navigation, route }) => {
{!initIsFound ? ( {!initIsFound ? (
<Text style={styles.claimHint}> <Text style={styles.claimHint}>
Claim this cache from the Global Map while within 30m and facing it. Claim this cache from the Global Map while within 30m and facing
it.
</Text> </Text>
) : null} ) : null}
</Card> </Card>
@@ -91,7 +92,7 @@ const styles = StyleSheet.create({
title: { title: {
fontSize: 22, fontSize: 22,
fontWeight: "700", fontWeight: "700",
color: "#111827", color: "#cdd6f4",
}, },
statusBadge: { statusBadge: {
alignSelf: "flex-start", alignSelf: "flex-start",
@@ -100,15 +101,15 @@ const styles = StyleSheet.create({
borderRadius: 12, borderRadius: 12,
}, },
badgeFound: { badgeFound: {
backgroundColor: "#d1fae5", backgroundColor: "#1e3a2f",
}, },
badgeOpen: { badgeOpen: {
backgroundColor: "#fef3c7", backgroundColor: "#3d3117",
}, },
statusText: { statusText: {
fontSize: 13, fontSize: 13,
fontWeight: "600", fontWeight: "600",
color: "#374151", color: "#cdd6f4",
}, },
detailRow: { detailRow: {
gap: 2, gap: 2,
@@ -116,17 +117,17 @@ const styles = StyleSheet.create({
label: { label: {
fontSize: 12, fontSize: 12,
fontWeight: "600", fontWeight: "600",
color: "#6b7280", color: "#a6adc8",
textTransform: "uppercase", textTransform: "uppercase",
letterSpacing: 0.5, letterSpacing: 0.5,
}, },
value: { value: {
fontSize: 15, fontSize: 15,
color: "#111827", color: "#cdd6f4",
}, },
claimHint: { claimHint: {
marginTop: 6, marginTop: 6,
color: "#2563eb", color: "#89b4fa",
fontSize: 13, fontSize: 13,
fontWeight: "600", fontWeight: "600",
}, },
src/components/screens/global/GlobalEventsScreen.js
+29 -20
View File
@@ -1,21 +1,17 @@
import {useCallback, useEffect, useRef, useState} from "react"; import { useCallback, useEffect, useRef, useState } from "react";
import {ActivityIndicator, StyleSheet, Text, View} from "react-native"; import { ActivityIndicator, StyleSheet, Text, View } from "react-native";
import Screen from "../../layout/Screen"; import Screen from "../../layout/Screen";
import {Button, ButtonTray} from "../../UI/Button"; import { Button, ButtonTray } from "../../UI/Button";
import EventList from "../../../entity/event/EventList"; import EventList from "../../../entity/event/EventList";
import useGlobalHook from "../../../hooks/useGlobalHook"; import useGlobalHook from "../../../hooks/useGlobalHook";
import {getSession, setGlobalSession} from "../../../hooks/SessionStore"; import { getSession, setGlobalSession } from "../../../hooks/SessionStore";
import {GAME_MODE} from "../../../utils/gameConstants"; import { GAME_MODE } from "../../../utils/gameConstants";
const GlobalEventsScreen = ({ navigation }) => { const GlobalEventsScreen = ({ navigation }) => {
// Initialisations --------------------- // Initialisations ---------------------
const { const { getPublicEvents, getPlayersByEvent, joinEvent, isGlobalApiReady } =
getPublicEvents, useGlobalHook();
getPlayersByEvent,
joinEvent,
isGlobalApiReady,
} = useGlobalHook();
const session = getSession(); const session = getSession();
const globalApiRef = useRef({ const globalApiRef = useRef({
getPublicEvents, getPublicEvents,
@@ -45,7 +41,9 @@ const GlobalEventsScreen = ({ navigation }) => {
if (!globalApiRef.current.isGlobalApiReady()) { if (!globalApiRef.current.isGlobalApiReady()) {
setEvents([]); setEvents([]);
setError("Global API URL is not configured yet. Add it in src/components/API/api.json."); setError(
"Global API URL is not configured yet. Add it in src/components/API/api.json.",
);
setIsLoading(false); setIsLoading(false);
return; return;
} }
@@ -68,7 +66,9 @@ const GlobalEventsScreen = ({ navigation }) => {
setJoining(event.EventID); setJoining(event.EventID);
if (!globalApiRef.current.isGlobalApiReady()) { if (!globalApiRef.current.isGlobalApiReady()) {
setError("Global API URL is not configured yet. Add it in src/components/API/api.json."); setError(
"Global API URL is not configured yet. Add it in src/components/API/api.json.",
);
setJoining(null); setJoining(null);
return; return;
} }
@@ -82,7 +82,10 @@ const GlobalEventsScreen = ({ navigation }) => {
}; };
// Check if already a player // Check if already a player
const players = await globalApiRef.current.getPlayersByEvent(event.EventID, {forceRefresh: true}); const players = await globalApiRef.current.getPlayersByEvent(
event.EventID,
{ forceRefresh: true },
);
const existing = (players || []).find( const existing = (players || []).find(
(p) => String(p.PlayerUserID) === String(globalUserId), (p) => String(p.PlayerUserID) === String(globalUserId),
); );
@@ -110,7 +113,10 @@ const GlobalEventsScreen = ({ navigation }) => {
} }
// If create fails due duplicate race/server behavior, recover by re-reading players. // If create fails due duplicate race/server behavior, recover by re-reading players.
const refreshedPlayers = await globalApiRef.current.getPlayersByEvent(event.EventID, {forceRefresh: true}); const refreshedPlayers = await globalApiRef.current.getPlayersByEvent(
event.EventID,
{ forceRefresh: true },
);
const recovered = (refreshedPlayers || []).find( const recovered = (refreshedPlayers || []).find(
(p) => String(p.PlayerUserID) === String(globalUserId), (p) => String(p.PlayerUserID) === String(globalUserId),
); );
@@ -131,7 +137,10 @@ const GlobalEventsScreen = ({ navigation }) => {
<Screen> <Screen>
<View style={styles.container}> <View style={styles.container}>
<ButtonTray> <ButtonTray>
<Button label="Refresh" onClick={() => loadEvents({forceRefresh: true})} /> <Button
label="Refresh"
onClick={() => loadEvents({ forceRefresh: true })}
/>
</ButtonTray> </ButtonTray>
{error ? <Text style={styles.error}>{error}</Text> : null} {error ? <Text style={styles.error}>{error}</Text> : null}
@@ -174,21 +183,21 @@ const styles = StyleSheet.create({
gap: 10, gap: 10,
}, },
loadingText: { loadingText: {
color: "#6b7280", color: "#a6adc8",
fontSize: 14, fontSize: 14,
}, },
empty: { empty: {
textAlign: "center", textAlign: "center",
color: "#9ca3af", color: "#a6adc8",
marginTop: 30, marginTop: 30,
fontSize: 15, fontSize: 15,
}, },
hint: { hint: {
fontSize: 13, fontSize: 13,
color: "#6b7280", color: "#a6adc8",
}, },
error: { error: {
color: "#dc2626", color: "#f38ba8",
fontSize: 14, fontSize: 14,
}, },
overlay: { overlay: {
src/components/screens/global/GlobalLeaderboardScreen.js
+96 -75
View File
@@ -1,12 +1,18 @@
import {useCallback, useEffect, useRef, useState} from "react"; import { useCallback, useEffect, useRef, useState } from "react";
import {ActivityIndicator, ScrollView, StyleSheet, Text, View,} from "react-native"; import {
ActivityIndicator,
ScrollView,
StyleSheet,
Text,
View,
} from "react-native";
import Screen from "../../layout/Screen"; import Screen from "../../layout/Screen";
import {Button, ButtonTray} from "../../UI/Button"; import { Button, ButtonTray } from "../../UI/Button";
import Card from "../../UI/Card"; import Card from "../../UI/Card";
import FindList from "../../../entity/find/FindList"; import FindList from "../../../entity/find/FindList";
import useGlobalHook from "../../../hooks/useGlobalHook"; import useGlobalHook from "../../../hooks/useGlobalHook";
import {getSession} from "../../../hooks/SessionStore"; import { getSession } from "../../../hooks/SessionStore";
import {GAME_MODE} from "../../../utils/gameConstants"; import { GAME_MODE } from "../../../utils/gameConstants";
const GlobalLeaderboardScreen = ({ navigation, route }) => { const GlobalLeaderboardScreen = ({ navigation, route }) => {
// Initialisations --------------------- // Initialisations ---------------------
@@ -35,75 +41,78 @@ const GlobalLeaderboardScreen = ({ navigation, route }) => {
// Handlers ---------------------------- // Handlers ----------------------------
const loadData = useCallback(async (options = {}) => { const loadData = useCallback(
if (!eventId) return; async (options = {}) => {
if (!eventId) return;
setIsLoading(true); setIsLoading(true);
const [finds, caches, players] = await Promise.all([ const [finds, caches, players] = await Promise.all([
globalApiRef.current.getFindsByEvent(eventId, options), globalApiRef.current.getFindsByEvent(eventId, options),
globalApiRef.current.getCachesByEvent(eventId, options), globalApiRef.current.getCachesByEvent(eventId, options),
globalApiRef.current.getPlayersByEvent(eventId, options), globalApiRef.current.getPlayersByEvent(eventId, options),
]); ]);
// Build cache points lookup // Build cache points lookup
const cacheMap = {}; const cacheMap = {};
(caches || []).forEach((c) => { (caches || []).forEach((c) => {
cacheMap[String(c.CacheID)] = c; cacheMap[String(c.CacheID)] = c;
}); });
// Augment finds with cache info for FindList // Augment finds with cache info for FindList
const augmented = (finds || []).map((f) => ({ const augmented = (finds || []).map((f) => ({
...f, ...f,
FindCache: f.FindCache || cacheMap[String(f.FindCacheID)] || null, FindCache: f.FindCache || cacheMap[String(f.FindCacheID)] || null,
})); }));
// Sort recent first // Sort recent first
const sorted = [...augmented].sort( const sorted = [...augmented].sort(
(a, b) => new Date(b.FindDatetime) - new Date(a.FindDatetime), (a, b) => new Date(b.FindDatetime) - new Date(a.FindDatetime),
); );
setRecentFinds(sorted.slice(0, 50)); setRecentFinds(sorted.slice(0, 50));
// Start ranking map with all players so zero-point players are visible. // Start ranking map with all players so zero-point players are visible.
const pointsMap = {}; const pointsMap = {};
(players || []).forEach((p) => { (players || []).forEach((p) => {
const pid = p.PlayerID; const pid = p.PlayerID;
pointsMap[String(pid)] = { pointsMap[String(pid)] = {
playerId: pid,
points: Number(p.PlayerPoints || 0),
finds: 0,
name: p.PlayerUser?.UserUsername || `Player #${p.PlayerUserID}`,
};
});
// Aggregate points and finds from recorded discoveries.
augmented.forEach((f) => {
const pid = f.FindPlayerID;
const key = String(pid);
const pts = Number(f.FindCache?.CachePoints || 0);
if (!pointsMap[key]) {
pointsMap[key] = {
playerId: pid, playerId: pid,
points: 0, points: Number(p.PlayerPoints || 0),
finds: 0, finds: 0,
name: `Player #${f.FindPlayerID}`, name: p.PlayerUser?.UserUsername || `Player #${p.PlayerUserID}`,
}; };
} });
pointsMap[key].points += pts; // Aggregate points and finds from recorded discoveries.
pointsMap[key].finds += 1; augmented.forEach((f) => {
}); const pid = f.FindPlayerID;
const key = String(pid);
const pts = Number(f.FindCache?.CachePoints || 0);
const ranked = Object.values(pointsMap).sort((a, b) => { if (!pointsMap[key]) {
if (b.points !== a.points) return b.points - a.points; pointsMap[key] = {
if (b.finds !== a.finds) return b.finds - a.finds; playerId: pid,
return String(a.name || "").localeCompare(String(b.name || "")); points: 0,
}); finds: 0,
name: `Player #${f.FindPlayerID}`,
};
}
setRankings(ranked); pointsMap[key].points += pts;
setIsLoading(false); pointsMap[key].finds += 1;
}, [eventId]); });
const ranked = Object.values(pointsMap).sort((a, b) => {
if (b.points !== a.points) return b.points - a.points;
if (b.finds !== a.finds) return b.finds - a.finds;
return String(a.name || "").localeCompare(String(b.name || ""));
});
setRankings(ranked);
setIsLoading(false);
},
[eventId],
);
useEffect(() => { useEffect(() => {
if (session.isBusiness || session.currentGameMode !== GAME_MODE.GLOBAL) { if (session.isBusiness || session.currentGameMode !== GAME_MODE.GLOBAL) {
@@ -126,12 +135,21 @@ const GlobalLeaderboardScreen = ({ navigation, route }) => {
]); ]);
useEffect(() => { useEffect(() => {
if (!eventId || session.currentGameMode !== GAME_MODE.GLOBAL || !session.currentGlobalPlayerId) { if (
!eventId ||
session.currentGameMode !== GAME_MODE.GLOBAL ||
!session.currentGlobalPlayerId
) {
return; return;
} }
loadData(); loadData();
}, [eventId, loadData, session.currentGameMode, session.currentGlobalPlayerId]); }, [
eventId,
loadData,
session.currentGameMode,
session.currentGlobalPlayerId,
]);
// View -------------------------------- // View --------------------------------
@@ -199,7 +217,10 @@ const GlobalLeaderboardScreen = ({ navigation, route }) => {
)} )}
<ButtonTray> <ButtonTray>
<Button label="Refresh" onClick={() => loadData({forceRefresh: true})} /> <Button
label="Refresh"
onClick={() => loadData({ forceRefresh: true })}
/>
</ButtonTray> </ButtonTray>
</View> </View>
</Screen> </Screen>
@@ -222,13 +243,13 @@ const tabStyles = StyleSheet.create({
paddingVertical: 8, paddingVertical: 8,
fontSize: 14, fontSize: 14,
fontWeight: "600", fontWeight: "600",
color: "#6b7280", color: "#a6adc8",
borderBottomWidth: 2, borderBottomWidth: 2,
borderBottomColor: "transparent", borderBottomColor: "transparent",
}, },
activeTab: { activeTab: {
color: "#111827", color: "#cdd6f4",
borderBottomColor: "#111827", borderBottomColor: "#89b4fa",
}, },
}); });
@@ -244,7 +265,7 @@ const styles = StyleSheet.create({
tabs: { tabs: {
flexDirection: "row", flexDirection: "row",
borderBottomWidth: 1, borderBottomWidth: 1,
borderBottomColor: "#e5e7eb", borderBottomColor: "#45475a",
}, },
rankList: { rankList: {
gap: 6, gap: 6,
@@ -254,7 +275,7 @@ const styles = StyleSheet.create({
marginBottom: 0, marginBottom: 0,
}, },
myCard: { myCard: {
borderColor: "#2563eb", borderColor: "#89b4fa",
borderWidth: 2, borderWidth: 2,
}, },
rankRow: { rankRow: {
@@ -265,14 +286,14 @@ const styles = StyleSheet.create({
rankPos: { rankPos: {
fontSize: 16, fontSize: 16,
fontWeight: "700", fontWeight: "700",
color: "#6b7280", color: "#a6adc8",
width: 32, width: 32,
}, },
rankName: { rankName: {
flex: 1, flex: 1,
fontSize: 15, fontSize: 15,
fontWeight: "600", fontWeight: "600",
color: "#111827", color: "#cdd6f4",
}, },
rankRight: { rankRight: {
alignItems: "flex-end", alignItems: "flex-end",
@@ -280,15 +301,15 @@ const styles = StyleSheet.create({
rankPoints: { rankPoints: {
fontSize: 16, fontSize: 16,
fontWeight: "700", fontWeight: "700",
color: "#16a34a", color: "#a6e3a1",
}, },
rankFinds: { rankFinds: {
fontSize: 12, fontSize: 12,
color: "#9ca3af", color: "#a6adc8",
}, },
empty: { empty: {
textAlign: "center", textAlign: "center",
color: "#9ca3af", color: "#a6adc8",
marginTop: 30, marginTop: 30,
fontSize: 15, fontSize: 15,
}, },
src/components/screens/global/GlobalMapScreen.js
+63 -34
View File
@@ -1,16 +1,16 @@
import {useCallback, useEffect, useMemo, useRef, useState} from "react"; import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import {ActivityIndicator, StyleSheet, Text, View} from "react-native"; import { ActivityIndicator, StyleSheet, Text, View } from "react-native";
import MapView, {Circle, Marker, Polygon} from "react-native-maps"; import MapView, { Circle, Marker, Polygon } from "react-native-maps";
import * as Location from "expo-location"; import * as Location from "expo-location";
import Screen from "../../layout/Screen"; import Screen from "../../layout/Screen";
import {Button, ButtonTray} from "../../UI/Button"; import { Button, ButtonTray } from "../../UI/Button";
import ClaimTimerView from "../../gameplay/ClaimTimerView"; import ClaimTimerView from "../../gameplay/ClaimTimerView";
import CacheList from "../../../entity/cache/CacheList"; import CacheList from "../../../entity/cache/CacheList";
import useGlobalHook from "../../../hooks/useGlobalHook"; import useGlobalHook from "../../../hooks/useGlobalHook";
import usePlayerGame from "../../../hooks/usePlayerGame"; import usePlayerGame from "../../../hooks/usePlayerGame";
import {getSession} from "../../../hooks/SessionStore"; import { getSession } from "../../../hooks/SessionStore";
import {getFovCone} from "../../../utils/geoMath"; import { getFovCone } from "../../../utils/geoMath";
import {GAME_MODE} from "../../../utils/gameConstants"; import { GAME_MODE } from "../../../utils/gameConstants";
const DEFAULT_REGION = { const DEFAULT_REGION = {
latitude: 51.5074, latitude: 51.5074,
@@ -77,23 +77,29 @@ const GlobalMapScreen = ({ navigation, route }) => {
// Handlers ---------------------------- // Handlers ----------------------------
const loadData = useCallback(async (options = {}) => { const loadData = useCallback(
if (!eventId) return; async (options = {}) => {
if (!eventId) return;
setIsLoading(true); setIsLoading(true);
setError(""); setError("");
const [cacheData, findsData] = await Promise.all([ const [cacheData, findsData] = await Promise.all([
globalApiRef.current.getCachesByEvent(eventId, options), globalApiRef.current.getCachesByEvent(eventId, options),
session.currentGlobalPlayerId session.currentGlobalPlayerId
? globalApiRef.current.getFindsByPlayer(session.currentGlobalPlayerId, options) ? globalApiRef.current.getFindsByPlayer(
: Promise.resolve([]), session.currentGlobalPlayerId,
]); options,
)
: Promise.resolve([]),
]);
setCaches(cacheData || []); setCaches(cacheData || []);
setFoundCacheIds((findsData || []).map((f) => f.FindCacheID)); setFoundCacheIds((findsData || []).map((f) => f.FindCacheID));
setIsLoading(false); setIsLoading(false);
}, [eventId, session.currentGlobalPlayerId]); },
[eventId, session.currentGlobalPlayerId],
);
const handleClaim = useCallback( const handleClaim = useCallback(
async (cacheId) => { async (cacheId) => {
@@ -119,7 +125,7 @@ const GlobalMapScreen = ({ navigation, route }) => {
if (result) { if (result) {
setClaimedPopupVisible(true); setClaimedPopupVisible(true);
setTimeout(() => setClaimedPopupVisible(false), 3000); setTimeout(() => setClaimedPopupVisible(false), 3000);
await loadData({forceRefresh: true}); await loadData({ forceRefresh: true });
} }
}, },
[foundCacheIds, loadData, session.currentGlobalPlayerId, setIsClaiming], [foundCacheIds, loadData, session.currentGlobalPlayerId, setIsClaiming],
@@ -131,7 +137,9 @@ const GlobalMapScreen = ({ navigation, route }) => {
}; };
const handleOpenSelectedCache = () => { const handleOpenSelectedCache = () => {
const selected = (caches || []).find((cache) => cache.CacheID === selectedCacheId); const selected = (caches || []).find(
(cache) => cache.CacheID === selectedCacheId,
);
if (!selected) return; if (!selected) return;
navigation.navigate("GlobalCacheViewScreen", { navigation.navigate("GlobalCacheViewScreen", {
cache: selected, cache: selected,
@@ -166,12 +174,21 @@ const GlobalMapScreen = ({ navigation, route }) => {
]); ]);
useEffect(() => { useEffect(() => {
if (!eventId || session.currentGameMode !== GAME_MODE.GLOBAL || !session.currentGlobalPlayerId) { if (
!eventId ||
session.currentGameMode !== GAME_MODE.GLOBAL ||
!session.currentGlobalPlayerId
) {
return; return;
} }
loadData(); loadData();
}, [eventId, loadData, session.currentGameMode, session.currentGlobalPlayerId]); }, [
eventId,
loadData,
session.currentGameMode,
session.currentGlobalPlayerId,
]);
useEffect(() => { useEffect(() => {
const routeSelected = route?.params?.selectedCacheId; const routeSelected = route?.params?.selectedCacheId;
@@ -180,7 +197,10 @@ const GlobalMapScreen = ({ navigation, route }) => {
}, [route?.params?.selectedCacheId]); }, [route?.params?.selectedCacheId]);
useEffect(() => { useEffect(() => {
if (selectedCacheId && claimableCaches.some((cache) => cache.id === selectedCacheId)) { if (
selectedCacheId &&
claimableCaches.some((cache) => cache.id === selectedCacheId)
) {
return; return;
} }
setSelectedCacheId(claimableCaches[0]?.id || null); setSelectedCacheId(claimableCaches[0]?.id || null);
@@ -291,7 +311,9 @@ const GlobalMapScreen = ({ navigation, route }) => {
}} }}
title={cache.CacheName} title={cache.CacheName}
description={`${cache.CachePoints ?? 0} pts${found ? " · Found" : ""}`} description={`${cache.CachePoints ?? 0} pts${found ? " · Found" : ""}`}
pinColor={found ? "#22c55e" : selected ? "#f59e0b" : "#ef4444"} pinColor={
found ? "#22c55e" : selected ? "#f59e0b" : "#ef4444"
}
onPress={() => setSelectedCacheId(cache.CacheID)} onPress={() => setSelectedCacheId(cache.CacheID)}
onCalloutPress={() => onCalloutPress={() =>
navigation.navigate("GlobalCacheViewScreen", { navigation.navigate("GlobalCacheViewScreen", {
@@ -337,9 +359,16 @@ const GlobalMapScreen = ({ navigation, route }) => {
/> />
<ButtonTray> <ButtonTray>
<Button label="Details" onClick={handleOpenSelectedCache} disabled={!selectedCacheId} /> <Button
label="Details"
onClick={handleOpenSelectedCache}
disabled={!selectedCacheId}
/>
<Button label="Leaderboard" onClick={handleGotoLeaderboard} /> <Button label="Leaderboard" onClick={handleGotoLeaderboard} />
<Button label="Refresh" onClick={() => loadData({forceRefresh: true})} /> <Button
label="Refresh"
onClick={() => loadData({ forceRefresh: true })}
/>
</ButtonTray> </ButtonTray>
</View> </View>
</Screen> </Screen>
@@ -362,13 +391,13 @@ const tabStyles = StyleSheet.create({
paddingVertical: 8, paddingVertical: 8,
fontSize: 14, fontSize: 14,
fontWeight: "600", fontWeight: "600",
color: "#6b7280", color: "#a6adc8",
borderBottomWidth: 2, borderBottomWidth: 2,
borderBottomColor: "transparent", borderBottomColor: "transparent",
}, },
activeTab: { activeTab: {
color: "#111827", color: "#cdd6f4",
borderBottomColor: "#111827", borderBottomColor: "#89b4fa",
}, },
}); });
@@ -384,13 +413,13 @@ const styles = StyleSheet.create({
tabs: { tabs: {
flexDirection: "row", flexDirection: "row",
borderBottomWidth: 1, borderBottomWidth: 1,
borderBottomColor: "#e5e7eb", borderBottomColor: "#45475a",
}, },
map: { map: {
flex: 1, flex: 1,
}, },
error: { error: {
color: "#dc2626", color: "#f38ba8",
fontSize: 14, fontSize: 14,
}, },
}); });
src/components/screens/global/GlobalProfileScreen.js
+2 -2
View File
@@ -242,7 +242,7 @@ const styles = StyleSheet.create({
justifyContent: "center", justifyContent: "center",
}, },
error: { error: {
color: "#dc2626", color: "#f38ba8",
fontSize: 14, fontSize: 14,
}, },
avatarWrap: { avatarWrap: {
@@ -257,7 +257,7 @@ const styles = StyleSheet.create({
}, },
label: { label: {
fontSize: 13, fontSize: 13,
color: "#9ca3af", color: "#a6adc8",
fontWeight: "600", fontWeight: "600",
}, },
input: { input: {