From f72604b8481ac3165eb05f7818b91f8ca4002679 Mon Sep 17 00:00:00 2001
From: Charlie Simons <60494758+CharlieS1103@users.noreply.github.com>
Date: Wed, 27 Nov 2024 09:41:28 -0500
Subject: [PATCH] fix: fix that one line (#863)

---
 .husky/pre-commit                            |  3 ---
 src/components/Grid.tsx                      |  2 +-
 src/components/Modals/Settings/ConfigRow.tsx | 20 ++++++++------------
 src/components/Modals/Settings/index.tsx     | 10 +++++-----
 4 files changed, 14 insertions(+), 21 deletions(-)

diff --git a/.husky/pre-commit b/.husky/pre-commit
index 58993aae..009b3f89 100755
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,4 +1 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
 pnpm lint
diff --git a/src/components/Grid.tsx b/src/components/Grid.tsx
index 47a72f7d..2116cb3f 100644
--- a/src/components/Grid.tsx
+++ b/src/components/Grid.tsx
@@ -416,7 +416,7 @@ class Grid extends React.Component<
     console.debug("updateColourSchemes", schemes, activeScheme);
     this.CONFIG.theme.schemes = schemes;
     this.CONFIG.theme.activeScheme = activeScheme;
-    if (activeScheme) Spicetify.Config.color_scheme = activeScheme;
+    if (activeScheme) (Spicetify.Config as { [key: string]: unknown }).color_scheme = activeScheme;
 
     if (schemes && activeScheme && schemes[activeScheme]) {
       injectColourScheme(this.CONFIG.theme.schemes[activeScheme]);
diff --git a/src/components/Modals/Settings/ConfigRow.tsx b/src/components/Modals/Settings/ConfigRow.tsx
index 955ec9ac..dfcedabf 100644
--- a/src/components/Modals/Settings/ConfigRow.tsx
+++ b/src/components/Modals/Settings/ConfigRow.tsx
@@ -61,18 +61,14 @@ const ConfigRow = (props: {
             }}
           />
           <Spicetify.ReactComponent.TooltipWrapper
-            label={
-              <>
-                {props.description.split("\n").map((line) => {
-                  return (
-                    <span key={line}>
-                      {line}
-                      <br />
-                    </span>
-                  );
-                })}
-              </>
-            }
+            label={props.description.split("\n").map((line) => {
+              return (
+                <span key={line}>
+                  {line}
+                  <br />
+                </span>
+              );
+            })}
             renderInline={true}
             showDelay={10}
             placement="top"
diff --git a/src/components/Modals/Settings/index.tsx b/src/components/Modals/Settings/index.tsx
index ecfd4f05..78a4e174 100644
--- a/src/components/Modals/Settings/index.tsx
+++ b/src/components/Modals/Settings/index.tsx
@@ -88,13 +88,13 @@ const SettingsModal = ({ CONFIG, updateAppConfig }: Props) => {
       <div className="settings-block">
         <h2 className="settings-heading">{t("settings.tabsHeading")}</h2>
         <DnDList modalConfig={modalConfig} updateConfig={updateConfig} />
-        <label className="settings-tabs-description">({t("settings.tabsDescription")})</label>
+        <p className="settings-tabs-description">({t("settings.tabsDescription")})</p>
       </div>
 
       <div className="settings-block">
         <h2 className="settings-heading">{t("settings.resetHeading")}</h2>
         <div className="settings-row">
-          <label className="col description">{t("settings.resetDescription")}</label>
+          <span className="col description">{t("settings.resetDescription")}</span>
           <div className="col action">
             <Button onClick={() => resetMarketplace()}>{t("settings.resetBtn")}</Button>
           </div>
@@ -104,7 +104,7 @@ const SettingsModal = ({ CONFIG, updateAppConfig }: Props) => {
       <div className="settings-block">
         <h2 className="settings-heading">{t("settings.backupHeading")}</h2>
         <div className="settings-row">
-          <label className="col description">{t("settings.backupLabel")}</label>
+          <span className="col description">{t("settings.backupLabel")}</span>
           <div className="col action">
             <Button onClick={onBackupClick}>{t("settings.backupBtn")}</Button>
           </div>
@@ -113,9 +113,9 @@ const SettingsModal = ({ CONFIG, updateAppConfig }: Props) => {
 
       <div className="settings-block-bottom">
         <div className="settings-row">
-          <label className="col description">
+          <span className="col description">
             {t("grid.spicetifyMarketplace")} {t("settings.versionHeading")} {MARKETPLACE_VERSION}
-          </label>
+          </span>
           <div className="col action">
             <Button onClick={copyVersion} classes={["small"]}>
               {versionButtonText}