feat(chat): blur locked image previews

2026-06-24 11:53:20 +08:00
parent 76a8320273
commit 6180a8a515
2 changed files with 24 additions and 1 deletions
@@ -32,7 +32,9 @@ export function ImageBubble({
  return (
    <>
      <div
-        className={styles.bubble}
+        className={`${styles.bubble} ${
+          imagePaywalled ? styles.paywalled : ""
+        }`}
        onClick={() => setOpen(true)}
        role="button"
        tabIndex={0}
@@ -56,6 +58,9 @@ export function ImageBubble({
            onError={() => setError(true)}
          />
        )}
+        {!error && imagePaywalled ? (
+          <div className={styles.paywallOverlay} aria-hidden="true" />
+        ) : null}
      </div>
      {open && (
        <FullscreenImageViewer