From 7675bc760313499c0a19baedde037a19c03de810 Mon Sep 17 00:00:00 2001
From: Kasper Birch <kasperbirch1@gmail.com>
Date: Tue, 7 Jan 2025 14:48:14 +0100
Subject: [PATCH] Add comments to clarify usage of non-standard HTML attributes
 in Reader component

---
 src/components/reader-player/Reader.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/reader-player/Reader.tsx b/src/components/reader-player/Reader.tsx
index 97bd2ffbc5..3498d3fde7 100644
--- a/src/components/reader-player/Reader.tsx
+++ b/src/components/reader-player/Reader.tsx
@@ -25,6 +25,8 @@ const Reader: React.FC<ReaderType> = ({ identifier, orderid }: ReaderType) => {
       <div
         style={readerStyles}
         id="pubhub-reader"
+        // The iframe that is created by the reader app has order-id and close-href attribute
+        // that are not valid HTML attributes. This is why we have to use the @ts-ignore
         // eslint-disable-next-line react/no-unknown-property
         order-id={orderid}
         // eslint-disable-next-line react/no-unknown-property, no-script-url