🐛 (js) Fix dynamic avatar on mount

2023-03-10 16:00:57 +01:00
parent 9785a0df5c
commit 883d519875
6 changed files with 70 additions and 33 deletions
--- a/packages/js/src/components/avatars/Avatar.tsx
+++ b/packages/js/src/components/avatars/Avatar.tsx
@ -1,10 +1,18 @@
 import { isMobile } from '@/utils/isMobileSignal'
-import { createSignal, Show } from 'solid-js'
+import { createEffect, createSignal, Show } from 'solid-js'
 import { isNotEmpty } from 'utils'
 import { DefaultAvatar } from './DefaultAvatar'

 export const Avatar = (props: { initialAvatarSrc?: string }) => {
-  const [avatarSrc] = createSignal(props.initialAvatarSrc)
+  const [avatarSrc, setAvatarSrc] = createSignal(props.initialAvatarSrc)
+
+  createEffect(() => {
+    if (
+      avatarSrc()?.startsWith('{{') &&
+      props.initialAvatarSrc?.startsWith('http')
+    )
+      setAvatarSrc(props.initialAvatarSrc)
+  })

  return (
    <Show