diff --git a/apps/mobile/src/components/T3Wordmark.tsx b/apps/mobile/src/components/T3Wordmark.tsx new file mode 100644 index 00000000000..81106557c66 --- /dev/null +++ b/apps/mobile/src/components/T3Wordmark.tsx @@ -0,0 +1,23 @@ +import type { ColorValue } from "react-native"; +import Svg, { Path } from "react-native-svg"; + +/** + * The "T3" brand mark, matching the desktop sidebar's T3Wordmark SVG + * (apps/web Sidebar.tsx). Width derives from the viewBox aspect ratio. + */ +export function T3Wordmark(props: { readonly height: number; readonly color: ColorValue }) { + const aspectRatio = 94.3941 / 56.96; + return ( + + + + ); +} diff --git a/apps/mobile/src/features/home/HomeHeader.tsx b/apps/mobile/src/features/home/HomeHeader.tsx index d7f1bc7455e..7b2e749e142 100644 --- a/apps/mobile/src/features/home/HomeHeader.tsx +++ b/apps/mobile/src/features/home/HomeHeader.tsx @@ -13,6 +13,7 @@ import { useSafeAreaInsets } from "react-native-safe-area-context"; import { nativeHeaderScrollEdgeEffects } from "../../native/StackHeader"; import { ControlPillMenu } from "../../components/ControlPill"; import { SymbolView } from "../../components/AppSymbol"; +import { T3Wordmark } from "../../components/T3Wordmark"; import { MOBILE_TYPOGRAPHY } from "../../lib/typography"; import { useThemeColor } from "../../lib/useThemeColor"; import { useHardwareKeyboardCommand } from "../keyboard/hardwareKeyboardCommands"; @@ -185,15 +186,18 @@ function AndroidHomeHeader(props: HomeHeaderProps) { + {/* Mirrors the desktop SidebarBrand: T3 mark + muted "Code". */} + - T3 Code + Code