authorgravatar for julius0216@outlook.comJulius Marminge <julius0216@outlook.com> 2026-08-12 22:21:45+02:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-08-12 22:21:45+02:00
log18918d1c4d0933b565d1336a75cc5069547ff5e6
tree27fd7f45d4d5105e74eadbc84e7a38e38243db82
parent8d24b5131f439d11876815996df41a57d791d3ad
signature Signed by PGP key B5690EEEBB952194

Fix mobile command popover glass rendering (#6370)


1 files changed, 6 insertions(+), 25 deletions(-)

apps/mobile/src/features/threads/ComposerCommandPopover.tsx+6-25
...@@ -1,4 +1,3 @@...@@ -1,4 +1,3 @@
1import { isLiquidGlassSupported, LiquidGlassView } from "@callstack/liquid-glass";
2import type { ComposerTriggerKind } from "@t3tools/shared/composerTrigger";1import type { ComposerTriggerKind } from "@t3tools/shared/composerTrigger";
3import type { ServerProviderSkill, ServerProviderSlashCommand } from "@t3tools/contracts";2import type { ServerProviderSkill, ServerProviderSlashCommand } from "@t3tools/contracts";
4import { SymbolView } from "../../components/AppSymbol";3import { SymbolView } from "../../components/AppSymbol";
...@@ -6,6 +5,7 @@ import { memo } from "react";...@@ -6,6 +5,7 @@ import { memo } from "react";
6import { Pressable, ScrollView, useColorScheme, View, type ViewStyle } from "react-native";5import { Pressable, ScrollView, useColorScheme, View, type ViewStyle } from "react-native";
76
8import { AppText as Text } from "../../components/AppText";7import { AppText as Text } from "../../components/AppText";
8import { GlassSurface } from "../../components/GlassSurface";
9import { PierreEntryIcon } from "../../components/PierreEntryIcon";9import { PierreEntryIcon } from "../../components/PierreEntryIcon";
10export type ComposerCommandItem =10export 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 };
5858
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 <View60 <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}
8869