From 166926e17497713a5dfc15baa5efc30772bff5de Mon Sep 17 00:00:00 2001
From: David Ralph <me@davidcralph.co.uk>
Date: Thu, 16 Mar 2023 12:52:22 +0000
Subject: [PATCH] fix: broken image drag

---
 src/components/modals/main/marketplace/Item.jsx           | 4 ++--
 src/components/modals/main/marketplace/Items.jsx          | 4 ++--
 src/components/modals/main/settings/sections/About.jsx    | 8 ++++----
 .../modals/main/settings/sections/Changelog.jsx           | 2 +-
 src/index.jsx                                             | 4 ++--
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/modals/main/marketplace/Item.jsx b/src/components/modals/main/marketplace/Item.jsx
index eedf7cde..e3a34d8a 100644
--- a/src/components/modals/main/marketplace/Item.jsx
+++ b/src/components/modals/main/marketplace/Item.jsx
@@ -119,7 +119,7 @@ class Item extends PureComponent {
             {this.props.data.data.settings ? (
               <img
                 alt="product"
-                draggable="false"
+                draggable={false}
                 src={iconsrc}
                 onClick={() => this.setState({ showLightbox: true })}
               />
@@ -285,7 +285,7 @@ class Item extends PureComponent {
               <img
                 className="icon"
                 alt="icon"
-                draggable="false"
+                draggable={false}
                 src={variables.constants.DDG_IMAGE_PROXY + this.props.data.data.icon_url}
               />
               {this.props.button}
diff --git a/src/components/modals/main/marketplace/Items.jsx b/src/components/modals/main/marketplace/Items.jsx
index adb95ec5..d745f774 100644
--- a/src/components/modals/main/marketplace/Items.jsx
+++ b/src/components/modals/main/marketplace/Items.jsx
@@ -66,14 +66,14 @@ function Items({
               <img
                 className="item-back"
                 alt=""
-                draggable="false"
+                draggable={false}
                 src={variables.constants.DDG_IMAGE_PROXY + item.icon_url}
                 aria-hidden="true"
               />
               <img
                 className="item-icon"
                 alt="icon"
-                draggable="false"
+                draggable={false}
                 src={variables.constants.DDG_IMAGE_PROXY + item.icon_url}
               />
               <div className="card-details">
diff --git a/src/components/modals/main/settings/sections/About.jsx b/src/components/modals/main/settings/sections/About.jsx
index 602019c9..0b4397f8 100644
--- a/src/components/modals/main/settings/sections/About.jsx
+++ b/src/components/modals/main/settings/sections/About.jsx
@@ -133,7 +133,7 @@ export default class About extends PureComponent {
         </span>
         <div className="settingsRow" style={{ justifyContent: 'center' }}>
           <div style={{ display: 'flex', flexFlow: 'column', gap: '5px' }}>
-            <img draggable="false" className="aboutLogo" src={this.state.image} alt="Logo" />
+            <img draggable={false} className="aboutLogo" src={this.state.image} alt="Logo" />
             <span className="title">
               {variables.getMessage('modals.main.settings.sections.about.version.title')}{' '}
               {variables.constants.VERSION}
@@ -290,7 +290,7 @@ export default class About extends PureComponent {
               <Tooltip title={login} key={login}>
                 <a href={'https://github.com/' + login} target="_blank" rel="noopener noreferrer">
                   <img
-                    draggable="false"
+                    draggable={false}
                     src={'https://avatars.githubusercontent.com/u/' + id + '?s=128'}
                     alt={login}
                   ></img>
@@ -302,7 +302,7 @@ export default class About extends PureComponent {
               this.state.other_contributors.map(({ login, avatar_url }) => (
                 <Tooltip title={login} key={login}>
                   <a href={'https://github.com/' + login} target="_blank" rel="noopener noreferrer">
-                    <img draggable="false" src={avatar_url + '&s=128'} alt={login}></img>
+                    <img draggable={false} src={avatar_url + '&s=128'} alt={login}></img>
                   </a>
                 </Tooltip>
               ))
@@ -330,7 +330,7 @@ export default class About extends PureComponent {
                     target="_blank"
                     rel="noopener noreferrer"
                   >
-                    <img draggable="false" src={avatar.split('?')[0] + '?s=128'} alt={handle}></img>
+                    <img draggable={false} src={avatar.split('?')[0] + '?s=128'} alt={handle}></img>
                   </a>
                 </Tooltip>
               );
diff --git a/src/components/modals/main/settings/sections/Changelog.jsx b/src/components/modals/main/settings/sections/Changelog.jsx
index 07c57eb2..de5b7a65 100644
--- a/src/components/modals/main/settings/sections/Changelog.jsx
+++ b/src/components/modals/main/settings/sections/Changelog.jsx
@@ -134,7 +134,7 @@ export default class Changelog extends PureComponent {
         </h5>
         {this.state.image ? (
           <img
-            draggable="false"
+            draggable={false}
             src={this.state.image}
             alt={this.state.title}
             className="updateImage"
diff --git a/src/index.jsx b/src/index.jsx
index bf04f590..cddd7fe2 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -1,6 +1,6 @@
 /* eslint-disable import/first */
-if (process.env.NODE_ENV==='development') {
-  import("preact/debug");
+if (process.env.NODE_ENV === 'development') {
+  import('preact/debug');
 }
 
 import { render } from 'preact';