fixthestatusquo/proca

add blurhash to Picture component

tttp opened this issue · 1 comments

tttp commented

the image uploaded by the camera might be big, and take a while to load when displayed as part of a wall

there is a nice option to generate a super simple placeholder https://github.com/woltapp/blurhash/tree/master/TypeScript that can be saved as a string on SB

changes:

  • on field/Camera, generate and upload the blurHash
  • on PictureWall, read the blurHash and display it until the image is loaded
    example of a hook to generate a placeholder image based on the blurHash:

https://gist.github.com/ngbrown/d62eb518753378eb0a9bf02bb4723235

tttp commented

Could be used as well for the twitter field (logo)