fix(mobile): no preview for avatar at header action (#3066)

* fix(mobile): no preview for avatar at header action

* update

apps/mobile/src/components/ui/avatar/UserAvatar.tsx

@@ -12,9 +12,17 @@ interface UserAvatarProps {
   name?: string | null
   className?: string
   color?: string
+  noPreview?: boolean
 }
 
-export const UserAvatar = ({ image, size = 24, name, className, color }: UserAvatarProps) => {
+export const UserAvatar = ({
+  image,
+  size = 24,
+  name,
+  className,
+  color,
+  noPreview,
+}: UserAvatarProps) => {
   if (!image) {
     return (
       <View
@@ -40,19 +48,23 @@ export const UserAvatar = ({ image, size = 24, name, className, color }: UserAva
     )
   }
 
-  return (
+  const imageContent = (
+    <Image
+      source={{ uri: image }}
+      className={cn("rounded-full", className)}
+      style={{ width: size, height: size }}
+      proxy={{
+        width: size,
+        height: size,
+      }}
+    />
+  )
+
+  return noPreview ? (
+    imageContent
+  ) : (
     <Galeria urls={[image]}>
-      <Galeria.Image index={0}>
-        <Image
-          source={{ uri: image }}
-          className={cn("rounded-full", className)}
-          style={{ width: size, height: size }}
-          proxy={{
-            width: size,
-            height: size,
-          }}
-        />
-      </Galeria.Image>
+      <Galeria.Image index={0}>{imageContent}</Galeria.Image>
     </Galeria>
   )
 }

apps/mobile/src/modules/screen/action.tsx

@@ -42,6 +42,7 @@ export function HomeLeftAction() {
           name={user?.name}
           className="rounded-full"
           color={accentColor}
+          noPreview
         />
       </TouchableOpacity>
     </ActionGroup>