From 70a6477d7e213451ecd64c99a30c5689dfb417b9 Mon Sep 17 00:00:00 2001
From: Justin Wong <46082645+uvjustin@users.noreply.github.com>
Date: Fri, 5 Aug 2022 12:09:46 +0800
Subject: [PATCH] Add comment

---
 src/components/thumbnail.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/thumbnail.ts b/src/components/thumbnail.ts
index 6c2b0172..913a8005 100644
--- a/src/components/thumbnail.ts
+++ b/src/components/thumbnail.ts
@@ -57,6 +57,10 @@ export class FrigateCardThumbnailFeatureEvent extends LitElement {
     return new Promise((resolve, reject) => {
       //eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       this.hass!.fetchWithAuth(thumbnail)
+      // Since we are fetching with an authorization header, we cannot just put the
+      // URL directly into the document; we need to embed the image. We could do this
+      // using blob URLs, but then we would need to keep track of them in order to
+      // release them properly. Instead, we embed the thumbnail using base64.
         .then((response) => response.blob())
         .then((blob) => {
           const reader = new FileReader();