From 9b03763b443a6cc4f185bcf316dd368dcdeb8f4c Mon Sep 17 00:00:00 2001
From: David Ralph <me@davidcralph.co.uk>
Date: Mon, 3 Jun 2024 17:03:32 +0100
Subject: [PATCH] chore: run prettier, lint, change changelog version, urls etc

---
 .env                                          | 27 -------------------
 .github/ISSUE_TEMPLATE/feature-request.md     |  2 +-
 src/components/Elements/AddModal/AddModal.jsx | 14 ++++++++--
 .../MainModal/scss/marketplace/_main.scss     |  2 --
 .../scss/marketplace/modules/_buttons.scss    |  1 -
 .../scss/marketplace/modules/_item.scss       |  1 -
 .../scss/modules/_modalTabContent.scss        |  7 +++--
 .../Elements/ShareModal/ShareModal.jsx        |  6 ++++-
 src/components/Elements/Tooltip/tooltip.scss  |  1 -
 src/config/constants.js                       |  4 +--
 .../marketplace/components/Items/Items.jsx    |  2 +-
 src/features/misc/sections/Changelog.jsx      |  2 +-
 src/features/misc/sections/Overview.jsx       | 14 ++++++++--
 src/features/navbar/components/Refresh.jsx    | 11 +++++---
 src/features/navbar/options/AppsOptions.jsx   |  4 +--
 src/features/navbar/options/NavbarOptions.jsx |  8 +-----
 src/features/quote/quote.scss                 |  3 ---
 src/features/stats/api/stats.js               |  2 +-
 src/features/stats/options/StatsOptions.jsx   | 11 ++++----
 src/features/time/options/TimeOptions.jsx     |  2 +-
 .../weather/options/WeatherOptions.jsx        |  9 ++++---
 src/features/welcome/welcome.scss             |  4 +--
 src/i18n/locales/en_GB.json                   |  4 +--
 src/scss/_toast.scss                          |  6 ++---
 src/scss/_variables.scss                      |  1 -
 src/utils/useLocalStorageState.js             |  2 +-
 26 files changed, 68 insertions(+), 82 deletions(-)
 delete mode 100644 .env

diff --git a/.env b/.env
deleted file mode 100644
index c2b49cd1..00000000
--- a/.env
+++ /dev/null
@@ -1,27 +0,0 @@
-# API URLs
-API_URL=https://api.muetab.com/v2
-SPONSORS_URL=https://sponsors.muetab.com
-GITHUB_URL=https://api.github.com
-OPENSTREETMAP_URL=https://www.openstreetmap.org
-
-# Mue URLs
-WEBSITE_URL=https://muetab.com
-PRIVACY_URL=https://muetab.com/privacy
-BLOG_POST=https://blog.muetab.com/posts/version-7-0
-TRANSLATIONS_URL=https://docs.muetab.com/translations/
-WEBLATE_URL=https://hosted.weblate.org/projects/mue/mue-tab/
-REPORT_ITEM =https://github.com/mue/marketplace/issues/new?assignees=&labels=item+report&template=item-report.md&title=%5BItem+Report%5D+
-BUG_REPORT =https://github.com/mue/mue/issues/new?assignees=&labels=issue+report&template=bug-report.md&title=%5BBug%5D+
-DONATE_LINK=https://muetab.com/donate
-SENTRY_DSN =https://430352fd4b174d688ebd82fc85c22c58@o1217438.ingest.sentry.io/6359480
-KNOWLEDGEBASE=https://support.muetab.com
-
-# Mue Info
-ORG_NAME=mue
-REPO_NAME=mue
-EMAIL=hello@muetab.com
-TWITTER_HANDLE=getmue
-DISCORD_SERVER=zv8C9F8
-OPENCOLLECTIVE_USERNAME=mue
-
-VERSION=7.0.1
diff --git a/.github/ISSUE_TEMPLATE/feature-request.md b/.github/ISSUE_TEMPLATE/feature-request.md
index e9db71f5..8d5d55f4 100644
--- a/.github/ISSUE_TEMPLATE/feature-request.md
+++ b/.github/ISSUE_TEMPLATE/feature-request.md
@@ -1,6 +1,6 @@
 ---
 name: Request a feature
-about: Request something to be implemented in the extension
+about: Request something to be implemented in the extension.
 title: "[Feature Request]"
 labels: enhancement
 assignees: ''
diff --git a/src/components/Elements/AddModal/AddModal.jsx b/src/components/Elements/AddModal/AddModal.jsx
index c9a25baf..fa97493d 100644
--- a/src/components/Elements/AddModal/AddModal.jsx
+++ b/src/components/Elements/AddModal/AddModal.jsx
@@ -52,9 +52,19 @@ function AddModal({ urlError, iconError, addLink, closeModal, edit, editData, ed
           {iconError} {urlError}
         </span>
         {edit ? (
-          <Button type="settings" onClick={() => editLink(editData, name, url, icon)} icon={<MdAddLink />} label={variables.getMessage('modals.main.settings.sections.quicklinks.edit')} />
+          <Button
+            type="settings"
+            onClick={() => editLink(editData, name, url, icon)}
+            icon={<MdAddLink />}
+            label={variables.getMessage('modals.main.settings.sections.quicklinks.edit')}
+          />
         ) : (
-          <Button type="settings" onClick={() => addLink(name, url, icon)} icon={<MdAddLink />} label={variables.getMessage('widgets.quicklinks.add')} />
+          <Button
+            type="settings"
+            onClick={() => addLink(name, url, icon)}
+            icon={<MdAddLink />}
+            label={variables.getMessage('widgets.quicklinks.add')}
+          />
         )}
       </div>
     </div>
diff --git a/src/components/Elements/MainModal/scss/marketplace/_main.scss b/src/components/Elements/MainModal/scss/marketplace/_main.scss
index cbe97c65..f6239c76 100644
--- a/src/components/Elements/MainModal/scss/marketplace/_main.scss
+++ b/src/components/Elements/MainModal/scss/marketplace/_main.scss
@@ -174,7 +174,6 @@
       box-sizing: border-box !important;
       border-radius: 12px 12px 0 0;
       backdrop-filter: blur(40px) saturate(150%) brightness(75%);
-      backdrop-filter: blur(40px) saturate(150%) brightness(75%);
 
       @include themed {
         background-image: linear-gradient(to bottom, transparent, t($modal-background));
@@ -367,7 +366,6 @@ p.author {
     border-radius: 150px;
     padding: 1px 12px;
     backdrop-filter: blur(16px) saturate(180%);
-    backdrop-filter: blur(16px) saturate(180%);
     background-color: rgb(255 255 255 / 10%);
     border: 1px solid rgb(209 213 219 / 30%);
     color: #fff;
diff --git a/src/components/Elements/MainModal/scss/marketplace/modules/_buttons.scss b/src/components/Elements/MainModal/scss/marketplace/modules/_buttons.scss
index c9d30f38..21170c75 100644
--- a/src/components/Elements/MainModal/scss/marketplace/modules/_buttons.scss
+++ b/src/components/Elements/MainModal/scss/marketplace/modules/_buttons.scss
@@ -71,7 +71,6 @@
 .btn-collection {
   padding: 1px 12px;
   backdrop-filter: blur(16px) saturate(180%);
-  backdrop-filter: blur(16px) saturate(180%);
   background-color: rgb(255 255 255 / 10%);
   border: 1px solid rgb(209 213 219 / 30%);
   color: #fff;
diff --git a/src/components/Elements/MainModal/scss/marketplace/modules/_item.scss b/src/components/Elements/MainModal/scss/marketplace/modules/_item.scss
index fb890146..566177f0 100644
--- a/src/components/Elements/MainModal/scss/marketplace/modules/_item.scss
+++ b/src/components/Elements/MainModal/scss/marketplace/modules/_item.scss
@@ -166,7 +166,6 @@ p.description {
 
   .subtitle {
     user-select: text !important;
-    user-select: text !important;
   }
 }
 
diff --git a/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss b/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss
index 2e6057ba..e5456372 100644
--- a/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss
+++ b/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss
@@ -86,6 +86,7 @@ table {
   border-collapse: separate;
   border-radius: 10px;
   margin-top: 20px;
+
   @include themed {
     box-shadow: 0 0 0 1px t($modal-sidebarActive);
     padding: 0;
@@ -97,9 +98,10 @@ table {
     @include themed {
       border-radius: t($borderRadius);
       color: t($subColor);
-
     }
-  letter-spacing: 2px;
+
+    letter-spacing: 2px;
+
     th {
       padding: 20px;
     }
@@ -130,6 +132,7 @@ table {
     textarea {
       width: 90%;
       margin: 10px;
+
       @include themed {
         color: t($color);
       }
diff --git a/src/components/Elements/ShareModal/ShareModal.jsx b/src/components/Elements/ShareModal/ShareModal.jsx
index ef6915fa..2491e82b 100644
--- a/src/components/Elements/ShareModal/ShareModal.jsx
+++ b/src/components/Elements/ShareModal/ShareModal.jsx
@@ -31,7 +31,11 @@ function ShareModal({ modalClose, data }) {
 
   const copyLink = () => {
     navigator.clipboard.writeText(data.url);
-    toast(data.startsWith('"') ? variables.getMessage('toasts.quote') : variables.getMessage('toasts.link_copied'));
+    toast(
+      data.startsWith('"')
+        ? variables.getMessage('toasts.quote')
+        : variables.getMessage('toasts.link_copied'),
+    );
   };
 
   return (
diff --git a/src/components/Elements/Tooltip/tooltip.scss b/src/components/Elements/Tooltip/tooltip.scss
index c49eeaa0..8aa2c201 100644
--- a/src/components/Elements/Tooltip/tooltip.scss
+++ b/src/components/Elements/Tooltip/tooltip.scss
@@ -32,7 +32,6 @@
   margin-left: -30px; */
   cursor: initial;
   user-select: none;
-  user-select: none;
   opacity: 1;
   animation-name: floating;
   animation-duration: 0.3s;
diff --git a/src/config/constants.js b/src/config/constants.js
index 8472f6e9..008e1d4f 100644
--- a/src/config/constants.js
+++ b/src/config/constants.js
@@ -10,9 +10,9 @@ export const PRIVACY_URL = 'https://muetab.com/privacy';
 export const TRANSLATIONS_URL = 'https://docs.muetab.com/translations/';
 export const WEBLATE_URL = 'https://hosted.weblate.org/projects/mue/mue-tab/';
 export const REPORT_ITEM =
-  'https://github.com/mue/marketplace/issues/new?assignees=&labels=item+report&template=item-report.md&title=%5BItem+Report%5D+';
+  'https://github.com/mue/marketplace/issues/new?assignees=&labels=item%2Creport&projects=&template=item_issue_report.yml&title=%5BItem+Report%5D+Insert+marketplace+item+name+here';
 export const BUG_REPORT =
-  'https://github.com/mue/mue/issues/new?assignees=&labels=issue+report&template=bug-report.md&title=%5BBug%5D+';
+  'https://github.com/mue/mue/issues/new?assignees=&labels=bug&projects=&template=issue_report.yml&title=%5BBug%5D+Insert+issue+name+here';
 export const DONATE_LINK = 'https://muetab.com/donate';
 export const SENTRY_DSN =
   'https://430352fd4b174d688ebd82fc85c22c58@o1217438.ingest.sentry.io/6359480';
diff --git a/src/features/marketplace/components/Items/Items.jsx b/src/features/marketplace/components/Items/Items.jsx
index 0ea2d3c6..1f09718f 100644
--- a/src/features/marketplace/components/Items/Items.jsx
+++ b/src/features/marketplace/components/Items/Items.jsx
@@ -16,7 +16,7 @@ function filterItems(item, filter) {
 }
 
 function ItemCard({ item, toggleFunction, type, onCollection, isCurator }) {
-  item._onCollection = onCollection
+  item._onCollection = onCollection;
   return (
     <div className="item" onClick={() => toggleFunction(item)} key={item.name}>
       <img
diff --git a/src/features/misc/sections/Changelog.jsx b/src/features/misc/sections/Changelog.jsx
index 91df9c06..fbc02762 100644
--- a/src/features/misc/sections/Changelog.jsx
+++ b/src/features/misc/sections/Changelog.jsx
@@ -51,7 +51,7 @@ class Changelog extends PureComponent {
 
     // get the release which tag_name is the same as the current version
     const data = await releases.json();
-    const release = data.find((release) => release.tag_name === `7.0.0`);
+    const release = data.find((release) => release.tag_name === variables.constants.VERSION);
 
     if (this.controller.signal.aborted === true) {
       return;
diff --git a/src/features/misc/sections/Overview.jsx b/src/features/misc/sections/Overview.jsx
index 617bd354..03686eb5 100644
--- a/src/features/misc/sections/Overview.jsx
+++ b/src/features/misc/sections/Overview.jsx
@@ -34,7 +34,17 @@ const SortableContainer = sortableContainer(({ children }) => (
 ));
 
 const Overview = () => {
-  const [items, setItems] = useState(() => JSON.parse(localStorage.getItem('order')) || ['greeting', 'time', 'quicklinks', 'quote', 'date', 'message']);
+  const [items, setItems] = useState(
+    () =>
+      JSON.parse(localStorage.getItem('order')) || [
+        'greeting',
+        'time',
+        'quicklinks',
+        'quote',
+        'date',
+        'message',
+      ],
+  );
   const [news, setNews] = useState({
     title: '',
     date: '',
@@ -101,7 +111,7 @@ const Overview = () => {
           year: 'numeric',
           month: 'long',
           day: 'numeric',
-        }
+        },
       );
       setNews(data);
       setNewsDone(true);
diff --git a/src/features/navbar/components/Refresh.jsx b/src/features/navbar/components/Refresh.jsx
index 30e78c4f..6372d583 100644
--- a/src/features/navbar/components/Refresh.jsx
+++ b/src/features/navbar/components/Refresh.jsx
@@ -29,10 +29,13 @@ function Refresh() {
         text = variables.getMessage('modals.main.settings.sections.quote.title');
         break;
       case 'quotebackground':
-        text = new Intl.ListFormat(localStorage.getItem('language')?.replace(/_/gm, '-') || 'en-GB', {
-          style: 'long',
-          type: 'conjunction',
-        }).format([
+        text = new Intl.ListFormat(
+          localStorage.getItem('language')?.replace(/_/gm, '-') || 'en-GB',
+          {
+            style: 'long',
+            type: 'conjunction',
+          },
+        ).format([
           variables.getMessage('modals.main.settings.sections.quote.title'),
           variables.getMessage('modals.main.settings.sections.background.title'),
         ]);
diff --git a/src/features/navbar/options/AppsOptions.jsx b/src/features/navbar/options/AppsOptions.jsx
index bfa84a7e..61e2efdf 100644
--- a/src/features/navbar/options/AppsOptions.jsx
+++ b/src/features/navbar/options/AppsOptions.jsx
@@ -3,9 +3,7 @@ import variables from 'config/variables';
 import { useState, memo } from 'react';
 
 import Modal from 'react-modal';
-import {
-  MdAddLink,
-} from 'react-icons/md';
+import { MdAddLink } from 'react-icons/md';
 
 import { AddModal } from 'components/Elements/AddModal';
 import { Button } from 'components/Elements';
diff --git a/src/features/navbar/options/NavbarOptions.jsx b/src/features/navbar/options/NavbarOptions.jsx
index 3134c212..29922c87 100644
--- a/src/features/navbar/options/NavbarOptions.jsx
+++ b/src/features/navbar/options/NavbarOptions.jsx
@@ -2,13 +2,7 @@ import variables from 'config/variables';
 
 import { useState, memo } from 'react';
 
-import {
-  MdAssignment,
-  MdCropFree,
-  MdRefresh,
-  MdChecklist,
-  MdOutlineApps,
-} from 'react-icons/md';
+import { MdAssignment, MdCropFree, MdRefresh, MdChecklist, MdOutlineApps } from 'react-icons/md';
 
 import { Checkbox, Dropdown } from 'components/Form';
 import EventBus from 'utils/eventbus';
diff --git a/src/features/quote/quote.scss b/src/features/quote/quote.scss
index d6fdf6cc..42c99246 100644
--- a/src/features/quote/quote.scss
+++ b/src/features/quote/quote.scss
@@ -5,7 +5,6 @@
   text-shadow: 0 0 10px rgb(0 0 0 / 30%);
   cursor: initial;
   user-select: none;
-  user-select: none;
 
   --shadow-shift: 0.125rem;
 
@@ -18,7 +17,6 @@
   font-size: 0.9em;
   letter-spacing: 0.5px;
   user-select: none;
-  user-select: none;
 
   --shadow-shift: 0.125rem;
 
@@ -37,7 +35,6 @@ h1.quoteauthor {
   text-decoration: none;
   color: white;
   user-select: none;
-  user-select: none;
 }
 
 .author {
diff --git a/src/features/stats/api/stats.js b/src/features/stats/api/stats.js
index e22dbf33..6da0f7f1 100644
--- a/src/features/stats/api/stats.js
+++ b/src/features/stats/api/stats.js
@@ -12,7 +12,7 @@ export default class Stats {
           `🏆 ${variables.getMessage('modals.main.settings.sections.stats.achievement_unlocked', { name: name })}`,
           {
             icon: false,
-            closeButton: false
+            closeButton: false,
           },
         );
       }
diff --git a/src/features/stats/options/StatsOptions.jsx b/src/features/stats/options/StatsOptions.jsx
index b16142d1..732df405 100644
--- a/src/features/stats/options/StatsOptions.jsx
+++ b/src/features/stats/options/StatsOptions.jsx
@@ -32,7 +32,7 @@ const Stats = () => {
   }, [stats, updateAchievements]);
 
   const getUnlockedCount = useMemo(() => {
-    return achievements.filter(achievement => achievement.achieved).length;
+    return achievements.filter((achievement) => achievement.achieved).length;
   }, [achievements]);
 
   const resetStats = () => {
@@ -106,10 +106,7 @@ const Stats = () => {
         overlayClassName="Overlay resetoverlay"
         ariaHideApp={false}
       >
-        <ClearModal
-          modalClose={() => setClearmodal(false)}
-          resetStats={resetStats}
-        />
+        <ClearModal modalClose={() => setClearmodal(false)} resetStats={resetStats} />
       </Modal>
       <div className="modalInfoPage stats">
         <div className="statSection rightPanel">
@@ -151,7 +148,9 @@ const Stats = () => {
           <span className="title">{variables.getMessage(`${STATS_SECTION}.achievements`)}</span>
           <br />
           <span className="subtitle">
-            {variables.getMessage(`${STATS_SECTION}.unlocked`, { count: `${getUnlockedCount}/${achievements.length}` })}
+            {variables.getMessage(`${STATS_SECTION}.unlocked`, {
+              count: `${getUnlockedCount}/${achievements.length}`,
+            })}
           </span>
         </div>
         <div className="achievements">
diff --git a/src/features/time/options/TimeOptions.jsx b/src/features/time/options/TimeOptions.jsx
index 827519b4..3a1282b8 100644
--- a/src/features/time/options/TimeOptions.jsx
+++ b/src/features/time/options/TimeOptions.jsx
@@ -213,7 +213,7 @@ const TimeOptions = () => {
           </span>
         </Action>
       </Row>
-      
+
       {digitalSettings}
     </>
   );
diff --git a/src/features/weather/options/WeatherOptions.jsx b/src/features/weather/options/WeatherOptions.jsx
index d657c2fc..7146d3eb 100644
--- a/src/features/weather/options/WeatherOptions.jsx
+++ b/src/features/weather/options/WeatherOptions.jsx
@@ -28,7 +28,7 @@ const useWeatherSettings = () => {
       async (position) => {
         const data = await (
           await fetch(
-            `${variables.constants.API_URL}/gps?latitude=${position.coords.latitude}&longitude=${position.coords.longitude}`
+            `${variables.constants.API_URL}/gps?latitude=${position.coords.latitude}&longitude=${position.coords.longitude}`,
           )
         ).json();
         setLocation(data[0].name);
@@ -39,7 +39,7 @@ const useWeatherSettings = () => {
       },
       {
         enableHighAccuracy: true,
-      }
+      },
     );
   }, [setLocation, showReminder]);
 
@@ -53,7 +53,8 @@ const useWeatherSettings = () => {
 };
 
 const WeatherOptions = () => {
-  const { location, windSpeed, setWindSpeed, changeLocation, getAutoLocation } = useWeatherSettings();
+  const { location, windSpeed, setWindSpeed, changeLocation, getAutoLocation } =
+    useWeatherSettings();
   const weatherType = localStorage.getItem('weatherType');
   const WEATHER_SECTION = 'modals.main.settings.sections.weather';
 
@@ -190,7 +191,7 @@ const WeatherOptions = () => {
         visibilityToggle={true}
       >
         <WidgetType />
-         {/* https://stackoverflow.com/a/65328486 when using inputs it may defocus so we do the {} instead of <> */}
+        {/* https://stackoverflow.com/a/65328486 when using inputs it may defocus so we do the {} instead of <> */}
         {LocationSetting()}
         <TemperatureFormat />
         {weatherType === '4' && <CustomOptions />}
diff --git a/src/features/welcome/welcome.scss b/src/features/welcome/welcome.scss
index 93db83f2..19974738 100644
--- a/src/features/welcome/welcome.scss
+++ b/src/features/welcome/welcome.scss
@@ -213,7 +213,7 @@ a.privacy {
   flex-flow: column;
 
   .shareYourMue {
-    width: -moz-fit-content;
+    width: fit-content;
     width: fit-content;
   }
 
@@ -320,7 +320,7 @@ a.privacy {
 
 .welcomeButtons {
   z-index: 999;
-  -webkit-backdrop-filter: blur(2px);
+  backdrop-filter: blur(2px);
   backdrop-filter: blur(2px);
   position: sticky;
   bottom: 0;
diff --git a/src/i18n/locales/en_GB.json b/src/i18n/locales/en_GB.json
index 826e4789..d23c86c2 100644
--- a/src/i18n/locales/en_GB.json
+++ b/src/i18n/locales/en_GB.json
@@ -442,8 +442,8 @@
             },
             "experimental_warning": "Please note that the Mue team cannot provide support if you have experimental mode on. Please disable it first and see if the issue continues to occur before contacting support.",
             "preview_data_disabled": {
-              "title":"Data Settings Disabled",
-              "description":"Data settings are disabled in preview mode. Please exit preview mode to use this feature."
+              "title": "Data Settings Disabled",
+              "description": "Data settings are disabled in preview mode. Please exit preview mode to use this feature."
             }
           },
           "stats": {
diff --git a/src/scss/_toast.scss b/src/scss/_toast.scss
index 0d2bc757..43e219c4 100644
--- a/src/scss/_toast.scss
+++ b/src/scss/_toast.scss
@@ -18,11 +18,11 @@
   color: var(--modal-text) !important;
 }
 
-/*.Toastify__progress-bar--default {
+/* .Toastify__progress-bar--default {
   height: 3px !important;
   background: var(--modal-text) !important;
   color: var(--modal-text) !important;
-}*/
+} */
 
 .Toastify__toast-container {
   width: auto !important;
@@ -38,4 +38,4 @@
 
 .Toastify__progress-bar--info {
   background-color: gold !important;
-}
\ No newline at end of file
+}
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 42ec6817..b51938a4 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -97,7 +97,6 @@ $themes: (
     box-shadow: t($boxShadow);
   }
 
-  backdrop-filter: blur(map.get($ui-elements, 'backgroundBlur'));
   backdrop-filter: blur(map.get($ui-elements, 'backgroundBlur'));
 
   .title {
diff --git a/src/utils/useLocalStorageState.js b/src/utils/useLocalStorageState.js
index d88af58b..17f30807 100644
--- a/src/utils/useLocalStorageState.js
+++ b/src/utils/useLocalStorageState.js
@@ -8,4 +8,4 @@ export const useLocalStorageState = (key, initialValue) => {
   }, [key, state]);
 
   return [state, setState];
-};
\ No newline at end of file
+};