32ffe782ea
Flatten widget layouts and use system colors so banner and expanded regions render on vibrant lock screens; migrate auth sessions per account to prevent double sign-in; scope app lock PIN to accounts; default clock description to "Clock In"; add architecture docs and deferred form validation on auth screens. Co-authored-by: Cursor <cursoragent@cursor.com>
30 lines
805 B
TypeScript
30 lines
805 B
TypeScript
import { StyleSheet, View } from "react-native";
|
|
|
|
import { AccountSwitcher } from "@/components/AccountSwitcher";
|
|
import { Logo } from "@/components/Logo";
|
|
import { spacing } from "@/constants/theme";
|
|
import { useAppTheme } from "@/contexts/ThemeContext";
|
|
import { TOP_CHROME_ROW_HEIGHT } from "@/lib/top-chrome-insets";
|
|
|
|
/** Wordmark left, account switcher right — sits on TopChromeBar blur. */
|
|
export function TopChrome() {
|
|
const { isDark } = useAppTheme();
|
|
|
|
return (
|
|
<View style={styles.row}>
|
|
<Logo size="xs" onDark={isDark} />
|
|
<AccountSwitcher />
|
|
</View>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
row: {
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
justifyContent: "space-between",
|
|
height: TOP_CHROME_ROW_HEIGHT,
|
|
paddingHorizontal: spacing.md,
|
|
},
|
|
});
|