| ... | ... | @@ -19,24 +19,33 @@ import { AndroidAnchoredMenu } from "./AndroidAnchoredMenu"; |
| 19 | 19 | import { SymbolView } from "./AppSymbol"; |
| 20 | 20 | import { AppText as Text } from "./AppText"; |
| 21 | 21 | |
| 22 | | const ThemedMenuView = withUniwind(function NativeMenuView({ |
| 23 | | iconColor, |
| 24 | | destructiveIconColor, |
| 25 | | ...props |
| 26 | | }: ComponentProps<typeof MenuView> & { |
| 27 | | readonly iconColor?: ColorValue; |
| 28 | | readonly destructiveIconColor?: ColorValue; |
| 29 | | }) { |
| 30 | | const actions = useMemo( |
| 31 | | () => |
| 32 | | withMenuActionIconColors(props.actions, { |
| 33 | | icon: iconColor, |
| 34 | | destructiveIcon: destructiveIconColor, |
| 35 | | }), |
| 36 | | [props.actions, iconColor, destructiveIconColor], |
| 37 | | ); |
| 38 | | return <MenuView {...props} actions={actions} />; |
| 39 | | }); |
| 22 | const ThemedMenuView = withUniwind( |
| 23 | function NativeMenuView({ |
| 24 | iconColor, |
| 25 | destructiveIconColor, |
| 26 | ...props |
| 27 | }: ComponentProps<typeof MenuView> & { |
| 28 | readonly iconColor?: ColorValue; |
| 29 | readonly destructiveIconColor?: ColorValue; |
| 30 | }) { |
| 31 | const actions = useMemo( |
| 32 | () => |
| 33 | withMenuActionIconColors(props.actions, { |
| 34 | icon: iconColor, |
| 35 | destructiveIcon: destructiveIconColor, |
| 36 | }), |
| 37 | [props.actions, iconColor, destructiveIconColor], |
| 38 | ); |
| 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 | ); |
| 40 | 49 | |
| 41 | 50 | export function ControlPill(props: { |
| 42 | 51 | readonly icon?: ComponentProps<typeof SymbolView>["name"]; |