From 01e77a0f34ee923602723617db98f8d31a3ebf4d Mon Sep 17 00:00:00 2001
From: Matt Jankowski <matt@jankowski.online>
Date: Wed, 6 Dec 2023 08:42:12 -0500
Subject: [PATCH] [Glitch] Enable the eslint `react/no-unknown-property` rule

Port ee83d5c7600b2cdc96db78c5ec40d8747853ba30 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
---
 .../flavours/glitch/features/interaction_modal/index.jsx    | 6 +++---
 .../glitch/features/ui/components/confirmation_modal.jsx    | 2 +-
 .../glitch/features/ui/components/navigation_panel.jsx      | 2 +-
 app/javascript/flavours/glitch/features/video/index.jsx     | 1 -
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/app/javascript/flavours/glitch/features/interaction_modal/index.jsx b/app/javascript/flavours/glitch/features/interaction_modal/index.jsx
index 7cdd58a12a..1f225e0060 100644
--- a/app/javascript/flavours/glitch/features/interaction_modal/index.jsx
+++ b/app/javascript/flavours/glitch/features/interaction_modal/index.jsx
@@ -294,9 +294,9 @@ class LoginForm extends React.PureComponent {
             onFocus={this.handleFocus}
             onBlur={this.handleBlur}
             onKeyDown={this.handleKeyDown}
-            autocomplete='off'
-            autocapitalize='off'
-            spellcheck='false'
+            autoComplete='off'
+            autoCapitalize='off'
+            spellCheck='false'
           />
 
           <Button onClick={this.handleSubmit} disabled={isSubmitting || error}><FormattedMessage id='interaction_modal.login.action' defaultMessage='Take me home' /></Button>
diff --git a/app/javascript/flavours/glitch/features/ui/components/confirmation_modal.jsx b/app/javascript/flavours/glitch/features/ui/components/confirmation_modal.jsx
index 59913b4bdb..51a501595b 100644
--- a/app/javascript/flavours/glitch/features/ui/components/confirmation_modal.jsx
+++ b/app/javascript/flavours/glitch/features/ui/components/confirmation_modal.jsx
@@ -59,7 +59,7 @@ class ConfirmationModal extends PureComponent {
           { onDoNotAsk && (
             <div className='confirmation-modal__do_not_ask_again'>
               <input type='checkbox' id='confirmation-modal__do_not_ask_again-checkbox' ref={this.setDoNotAskRef} />
-              <label for='confirmation-modal__do_not_ask_again-checkbox'>
+              <label htmlFor='confirmation-modal__do_not_ask_again-checkbox'>
                 <FormattedMessage id='confirmation_modal.do_not_ask_again' defaultMessage='Do not ask for confirmation again' />
               </label>
             </div>
diff --git a/app/javascript/flavours/glitch/features/ui/components/navigation_panel.jsx b/app/javascript/flavours/glitch/features/ui/components/navigation_panel.jsx
index 40fea635a6..5d8bf2385f 100644
--- a/app/javascript/flavours/glitch/features/ui/components/navigation_panel.jsx
+++ b/app/javascript/flavours/glitch/features/ui/components/navigation_panel.jsx
@@ -66,7 +66,7 @@ class NavigationPanel extends Component {
     return (
       <div className='navigation-panel'>
         {banner &&
-          <div class='navigation-panel__banner'>
+          <div className='navigation-panel__banner'>
             {banner}
           </div>
         }
diff --git a/app/javascript/flavours/glitch/features/video/index.jsx b/app/javascript/flavours/glitch/features/video/index.jsx
index 577ebc9ec3..a061e774fb 100644
--- a/app/javascript/flavours/glitch/features/video/index.jsx
+++ b/app/javascript/flavours/glitch/features/video/index.jsx
@@ -592,7 +592,6 @@ class Video extends PureComponent {
           aria-label={alt}
           title={alt}
           lang={lang}
-          volume={volume}
           onClick={this.togglePlay}
           onKeyDown={this.handleVideoKeyDown}
           onPlay={this.handlePlay}