authorgravatar for julius0216@outlook.comJulius Marminge <julius0216@outlook.com> 2026-08-30 20:14:10-07:00
committergravatar for julius0216@outlook.comJulius Marminge <julius0216@outlook.com> 2026-08-30 20:14:10-07:00
logf9137a0c89f6190d27813bb46dbb6d1bb796f080
tree653a07a9819180c8f8d3c73849c1919ccab653ea
parente3dcc1615c9167048ecfe536f87ad1d353fa8a49

fix(mobile): map native menu icon colors explicitly

1 files changed, 27 insertions(+), 18 deletions(-)

apps/mobile/src/components/ControlPill.tsx+27-18
...@@ -19,24 +19,33 @@ import { AndroidAnchoredMenu } from "./AndroidAnchoredMenu";...@@ -19,24 +19,33 @@ import { AndroidAnchoredMenu } from "./AndroidAnchoredMenu";
19import { SymbolView } from "./AppSymbol";19import { SymbolView } from "./AppSymbol";
20import { AppText as Text } from "./AppText";20import { AppText as Text } from "./AppText";
2121
22const ThemedMenuView = withUniwind(function NativeMenuView({22const ThemedMenuView = withUniwind(
23 iconColor,23 function NativeMenuView({
24 destructiveIconColor,24 iconColor,
25 ...props25 destructiveIconColor,
26}: ComponentProps<typeof MenuView> & {26 ...props
27 readonly iconColor?: ColorValue;27 }: ComponentProps<typeof MenuView> & {
28 readonly destructiveIconColor?: ColorValue;28 readonly iconColor?: ColorValue;
29}) {29 readonly destructiveIconColor?: ColorValue;
30 const actions = useMemo(30 }) {
31 () =>31 const actions = useMemo(
32 withMenuActionIconColors(props.actions, {32 () =>
33 icon: iconColor,33 withMenuActionIconColors(props.actions, {
34 destructiveIcon: destructiveIconColor,34 icon: iconColor,
35 }),35 destructiveIcon: destructiveIconColor,
36 [props.actions, iconColor, destructiveIconColor],36 }),
37 );37 [props.actions, iconColor, destructiveIconColor],
38 return <MenuView {...props} actions={actions} />;38 );
39});39 return <MenuView {...props} actions={actions} />;
40 },
41 {
42 iconColor: { fromClassName: "iconColorClassName", styleProperty: "accentColor" },
43 destructiveIconColor: {
44 fromClassName: "destructiveIconColorClassName",
45 styleProperty: "accentColor",
46 },
47 },
48);
4049
41export function ControlPill(props: {50export function ControlPill(props: {
42 readonly icon?: ComponentProps<typeof SymbolView>["name"];51 readonly icon?: ComponentProps<typeof SymbolView>["name"];