From 2136f558b9390a15ee8f72c53600b68cad2318a5 Mon Sep 17 00:00:00 2001 From: David Ralph Date: Tue, 19 Mar 2024 21:45:17 +0000 Subject: [PATCH] chore: run lint and prettier --- manifest/background.js | 2 +- src/components/Elements/AddModal/AddModal.jsx | 2 +- src/components/Elements/AddModal/index.jsx | 2 +- .../Elements/MainModal/scss/index.scss | 4 +- .../scss/marketplace/modules/_buttons.scss | 12 ++-- .../scss/marketplace/modules/_item.scss | 10 +-- .../scss/modules/_modalTabContent.scss | 6 +- .../MainModal/scss/settings/_main.scss | 1 - .../Elements/ShareModal/sharemodal.scss | 3 +- .../background/api/gradient/setRgba.js | 2 +- .../components/PhotoInformation.jsx | 10 ++- src/features/background/options/Colour.jsx | 9 ++- src/features/background/options/Custom.jsx | 33 +++++++-- src/features/greeting/index.jsx | 2 +- src/features/greeting/options/index.jsx | 2 +- .../components/Collection/Collection.jsx | 72 +++++++++---------- .../components/Collection/index.jsx | 2 +- .../Elements/Carousel/carousel.scss | 2 +- .../components/Elements/Carousel/index.jsx | 2 +- .../components/Elements/Lightbox/Lightbox.jsx | 2 +- .../components/Elements/Lightbox/index.jsx | 2 +- .../SideloadFailedModal.jsx | 2 +- .../Elements/SideloadFailedModal/index.jsx | 2 +- .../marketplace/components/Elements/index.jsx | 2 +- .../marketplace/components/Items/Item.jsx | 5 +- src/features/marketplace/components/index.jsx | 2 +- src/features/marketplace/views/Added.jsx | 6 +- src/features/marketplace/views/Create.jsx | 5 +- src/features/message/index.jsx | 2 +- .../message/options/MessageOptions.jsx | 9 ++- src/features/message/options/index.jsx | 2 +- src/features/misc/sections/Changelog.jsx | 2 +- src/features/misc/sections/Stats.jsx | 2 +- .../sections/quicklinks/QuickLink.jsx | 16 ++++- src/features/navbar/components/Maximise.jsx | 2 +- src/features/quicklinks/QuickLinks.jsx | 2 +- src/features/quicklinks/index.jsx | 2 +- src/features/quicklinks/options/QuickLink.jsx | 14 +++- src/features/quicklinks/options/index.jsx | 2 +- src/features/quote/options/QuoteOptions.jsx | 23 +++++- src/features/search/index.jsx | 2 +- src/features/search/options/index.jsx | 2 +- src/features/weather/index.jsx | 2 +- .../weather/options/WeatherOptions.jsx | 2 +- src/features/weather/options/index.jsx | 2 +- src/features/weather/weather.scss | 7 +- .../Elements/ProgressBar/ProgressBar.jsx | 2 +- .../components/Elements/ProgressBar/index.jsx | 2 +- .../welcome/components/Layout/Content.jsx | 8 +-- .../welcome/components/Layout/Header.jsx | 4 +- .../welcome/components/Layout/Layout.jsx | 6 +- .../welcome/components/Layout/Panel.jsx | 6 +- .../welcome/components/Layout/Wrapper.jsx | 6 +- .../welcome/components/Layout/index.jsx | 2 +- .../welcome/components/Sections/index.jsx | 2 +- src/features/welcome/components/index.jsx | 2 +- src/features/welcome/welcome.scss | 5 +- src/scss/_variables.scss | 2 +- src/scss/index.scss | 10 +-- src/utils/links/index.js | 6 +- src/utils/settings/load.js | 4 +- src/utils/settings/move.js | 2 +- 62 files changed, 225 insertions(+), 145 deletions(-) diff --git a/manifest/background.js b/manifest/background.js index a889ce2b..f44ae484 100644 --- a/manifest/background.js +++ b/manifest/background.js @@ -1,6 +1,6 @@ /* eslint-disable no-use-before-define */ /* eslint-disable no-undef */ -if (typeof browser === "undefined") { +if (typeof browser === 'undefined') { var browser = chrome; } diff --git a/src/components/Elements/AddModal/AddModal.jsx b/src/components/Elements/AddModal/AddModal.jsx index 26b23403..c86ab7c5 100644 --- a/src/components/Elements/AddModal/AddModal.jsx +++ b/src/components/Elements/AddModal/AddModal.jsx @@ -77,4 +77,4 @@ function AddModal({ urlError, iconError, addLink, closeModal, edit, editData, ed } const MemoizedAddModal = memo(AddModal); -export { MemoizedAddModal as default, MemoizedAddModal as AddModal} \ No newline at end of file +export { MemoizedAddModal as default, MemoizedAddModal as AddModal }; diff --git a/src/components/Elements/AddModal/index.jsx b/src/components/Elements/AddModal/index.jsx index 9d77026e..1a5ba255 100644 --- a/src/components/Elements/AddModal/index.jsx +++ b/src/components/Elements/AddModal/index.jsx @@ -1 +1 @@ -export * from './AddModal'; \ No newline at end of file +export * from './AddModal'; diff --git a/src/components/Elements/MainModal/scss/index.scss b/src/components/Elements/MainModal/scss/index.scss index b5b9e6b9..f4ab83e5 100644 --- a/src/components/Elements/MainModal/scss/index.scss +++ b/src/components/Elements/MainModal/scss/index.scss @@ -259,11 +259,13 @@ h5 { flex-flow: row; align-items: center; gap: 25px; + svg { - @include themed() { + @include themed { background-image: t($slightGradient); box-shadow: t($boxShadow); } + padding: 15px; border-radius: 100%; } diff --git a/src/components/Elements/MainModal/scss/marketplace/modules/_buttons.scss b/src/components/Elements/MainModal/scss/marketplace/modules/_buttons.scss index 433f40dc..cdf06d34 100644 --- a/src/components/Elements/MainModal/scss/marketplace/modules/_buttons.scss +++ b/src/components/Elements/MainModal/scss/marketplace/modules/_buttons.scss @@ -4,6 +4,7 @@ .btn-settings { @include modal-button(standard); + display: inline; margin-top: 0; float: none !important; @@ -12,6 +13,7 @@ .btn-navigation { @include modal-button(standard); + padding: 0 15px; @include themed { @@ -58,15 +60,11 @@ } .btn-collection { - display: flex; - align-items: center; - gap: 15px; padding: 1px 12px; backdrop-filter: blur(16px) saturate(180%); background-color: rgb(255 255 255 / 10%); border: 1px solid rgb(209 213 219 / 30%); color: #fff; - border-radius: 12px; height: 40px; font-size: 1rem; @@ -85,21 +83,21 @@ } &:active { - @include themed() { + @include themed { background: t($modal-sidebarActive); box-shadow: 0 0 0 1px t($color); } } &:focus { - @include themed() { + @include themed { background: t($modal-sidebarActive); box-shadow: 0 0 0 1px t($color); } } &:disabled { - @include themed() { + @include themed { background: t($modal-sidebarActive); cursor: not-allowed; } diff --git a/src/components/Elements/MainModal/scss/marketplace/modules/_item.scss b/src/components/Elements/MainModal/scss/marketplace/modules/_item.scss index 8568b385..301e3c84 100644 --- a/src/components/Elements/MainModal/scss/marketplace/modules/_item.scss +++ b/src/components/Elements/MainModal/scss/marketplace/modules/_item.scss @@ -22,6 +22,7 @@ p.description { .item { flex: 1 0 40% !important; } + .infoItem { display: flex; flex-flow: row; @@ -30,10 +31,11 @@ p.description { flex: 1 0 44%; svg { - @include themed() { + @include themed { background-image: t($slightGradient); } - -webkit-background-clip: text; + + background-clip: text; -webkit-text-fill-color: transparent; font-size: 20px; border-radius: 100%; @@ -47,6 +49,7 @@ p.description { .header { text-transform: uppercase; + @include themed { color: t($subColor); } @@ -66,7 +69,6 @@ p.description { } } - .showMoreItems { display: flex; flex-flow: column; @@ -79,4 +81,4 @@ p.description { display: flex; flex-flow: column; gap: 15px; -} \ No newline at end of file +} diff --git a/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss b/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss index 61a730a2..d60baa72 100644 --- a/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss +++ b/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss @@ -5,7 +5,7 @@ /* button { @include modal-button(standard); - }*/ + } */ @include themed { padding: 1rem 3rem 3rem; @@ -148,6 +148,7 @@ table { gap: 25px; padding: 25px; justify-content: space-between; + @include themed { background: t($modal-sidebar); border-radius: t($borderRadius); @@ -162,10 +163,11 @@ table { } .icon { - @include themed() { + @include themed { background-image: t($slightGradient); box-shadow: t($boxShadow); } + padding: 15px; border-radius: 100%; font-size: 25px; diff --git a/src/components/Elements/MainModal/scss/settings/_main.scss b/src/components/Elements/MainModal/scss/settings/_main.scss index e56dc9cb..d8c8e34a 100644 --- a/src/components/Elements/MainModal/scss/settings/_main.scss +++ b/src/components/Elements/MainModal/scss/settings/_main.scss @@ -51,7 +51,6 @@ input { /* date picker */ &[type='date'] { width: 260px; - display: flex; flex-flow: column; @include themed { diff --git a/src/components/Elements/ShareModal/sharemodal.scss b/src/components/Elements/ShareModal/sharemodal.scss index 0ff88b7b..084a383d 100644 --- a/src/components/Elements/ShareModal/sharemodal.scss +++ b/src/components/Elements/ShareModal/sharemodal.scss @@ -86,7 +86,6 @@ border: none; outline: none; } - } .shareHeader { @@ -94,12 +93,14 @@ flex-flow: row; justify-content: space-between; align-items: center; + .close { padding: 15px; place-items: center; display: grid; cursor: pointer; transition: 0.3s; + @include themed { border-radius: t($borderRadius); } diff --git a/src/features/background/api/gradient/setRgba.js b/src/features/background/api/gradient/setRgba.js index 38f1899b..386783e4 100644 --- a/src/features/background/api/gradient/setRgba.js +++ b/src/features/background/api/gradient/setRgba.js @@ -5,7 +5,7 @@ */ export function isValidRGBValue(value) { return typeof value === 'number' && Number.isNaN(value) === false && value >= 0 && value <= 255; -}; +} /** * "If the red, green, and blue values are valid, return an object with the red, green, and blue diff --git a/src/features/background/components/PhotoInformation.jsx b/src/features/background/components/PhotoInformation.jsx index f9e2bc83..e49d6075 100644 --- a/src/features/background/components/PhotoInformation.jsx +++ b/src/features/background/components/PhotoInformation.jsx @@ -63,7 +63,9 @@ function PhotoInformation({ info, url, api }) { const [other, setOther] = useState(false); const [shareModal, openShareModal] = useState(false); const [excludeModal, openExcludeModal] = useState(false); - const [favouriteTooltipText, setFavouriteTooltipText] = useState(variables.getMessage('widgets.quote.favourite')); + const [favouriteTooltipText, setFavouriteTooltipText] = useState( + variables.getMessage('widgets.quote.favourite'), + ); if (info.hidden === true || !info.credit) { return null; @@ -207,11 +209,7 @@ function PhotoInformation({ info, url, api }) { openShareModal(true)} /> )} - + {gradientInputs} {!gradientHasMoreThanOneColour && ( <> -