| ... | @@ -1,4 +1,3 @@ | ... | @@ -1,4 +1,3 @@ |
| 1 | import { isLiquidGlassSupported, LiquidGlassView } from "@callstack/liquid-glass"; | | |
| 2 | import type { ComposerTriggerKind } from "@t3tools/shared/composerTrigger"; | 1 | import type { ComposerTriggerKind } from "@t3tools/shared/composerTrigger"; |
| 3 | import type { ServerProviderSkill, ServerProviderSlashCommand } from "@t3tools/contracts"; | 2 | import type { ServerProviderSkill, ServerProviderSlashCommand } from "@t3tools/contracts"; |
| 4 | import { SymbolView } from "../../components/AppSymbol"; | 3 | import { SymbolView } from "../../components/AppSymbol"; |
| ... | @@ -6,6 +5,7 @@ import { memo } from "react"; | ... | @@ -6,6 +5,7 @@ import { memo } from "react"; |
| 6 | import { Pressable, ScrollView, useColorScheme, View, type ViewStyle } from "react-native"; | 5 | import { Pressable, ScrollView, useColorScheme, View, type ViewStyle } from "react-native"; |
| 7 | | 6 | |
| 8 | import { AppText as Text } from "../../components/AppText"; | 7 | import { AppText as Text } from "../../components/AppText"; |
| | 8 | import { GlassSurface } from "../../components/GlassSurface"; |
| 9 | import { PierreEntryIcon } from "../../components/PierreEntryIcon"; | 9 | import { PierreEntryIcon } from "../../components/PierreEntryIcon"; |
| 10 | export type ComposerCommandItem = | 10 | export type ComposerCommandItem = |
| 11 | | { | 11 | | { |
| ... | @@ -56,33 +56,14 @@ function PopoverSurface(props: { | ... | @@ -56,33 +56,14 @@ function PopoverSurface(props: { |
| 56 | ...props.style, | 56 | ...props.style, |
| 57 | }; | 57 | }; |
| 58 | | 58 | |
| 59 | if (isLiquidGlassSupported) { | | |
| 60 | return ( | | |
| 61 | <LiquidGlassView | | |
| 62 | effect="clear" | | |
| 63 | interactive={false} | | |
| 64 | tintColor={props.isDarkMode ? "rgba(30,30,32,0.95)" : "rgba(255,255,255,0.92)"} | | |
| 65 | colorScheme={props.isDarkMode ? "dark" : "light"} | | |
| 66 | style={baseStyle} | | |
| 67 | > | | |
| 68 | {props.children} | | |
| 69 | </LiquidGlassView> | | |
| 70 | ); | | |
| 71 | } | | |
| 72 | | | |
| 73 | return ( | 59 | return ( |
| 74 | <View | 60 | <GlassSurface |
| 75 | style={[ | 61 | glassEffectStyle="clear" |
| 76 | baseStyle, | 62 | tintColor={props.isDarkMode ? "rgba(30,30,32,0.95)" : "rgba(255,255,255,0.92)"} |
| 77 | { | 63 | style={baseStyle} |
| 78 | backgroundColor: props.isDarkMode ? "rgba(44,44,46,0.96)" : "rgba(255,255,255,0.96)", | | |
| 79 | borderWidth: 1, | | |
| 80 | borderColor: props.isDarkMode ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.06)", | | |
| 81 | }, | | |
| 82 | ]} | | |
| 83 | > | 64 | > |
| 84 | {props.children} | 65 | {props.children} |
| 85 | </View> | 66 | </GlassSurface> |
| 86 | ); | 67 | ); |
| 87 | } | 68 | } |
| 88 | | 69 | |