fix: swap colour picker

This commit is contained in:
David Ralph
2023-07-11 11:43:14 +01:00
parent 9a5bddcf6d
commit a32d42a9e6
3 changed files with 16 additions and 16 deletions

View File

@@ -18,6 +18,7 @@
"@fontsource/lexend-deca": "5.0.5",
"@fontsource/montserrat": "5.0.5",
"@mui/material": "5.13.7",
"@muetab/react-color-gradient-picker": "0.1.2",
"@sentry/react": "^7.57.0",
"embla-carousel-autoplay": "8.0.0-rc10",
"embla-carousel-react": "8.0.0-rc10",
@@ -26,7 +27,6 @@
"prop-types": "^15.8.1",
"react": "^18.2.0",
"react-clock": "4.2.0",
"react-color-gradient-picker": "0.1.2",
"react-dom": "^18.2.0",
"react-icons": "^4.10.1",
"react-modal": "3.16.1",

26
pnpm-lock.yaml generated
View File

@@ -19,6 +19,9 @@ dependencies:
'@fontsource/montserrat':
specifier: 5.0.5
version: 5.0.5
'@muetab/react-color-gradient-picker':
specifier: 0.1.2
version: 0.1.2(react-dom@18.2.0)(react@18.2.0)
'@mui/material':
specifier: 5.13.7
version: 5.13.7(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react-dom@18.2.0)(react@18.2.0)
@@ -46,9 +49,6 @@ dependencies:
react-clock:
specifier: 4.2.0
version: 4.2.0(react-dom@18.2.0)(react@18.2.0)
react-color-gradient-picker:
specifier: 0.1.2
version: 0.1.2(react-dom@18.2.0)(react@18.2.0)
react-dom:
specifier: ^18.2.0
version: 18.2.0(react@18.2.0)
@@ -2256,6 +2256,16 @@ packages:
'@jridgewell/sourcemap-codec': 1.4.15
dev: true
/@muetab/react-color-gradient-picker@0.1.2(react-dom@18.2.0)(react@18.2.0):
resolution: {integrity: sha512-Du/FbMpH+N6OuCfOQvUH6h6KaTopFn9R0aNc0DRvY5cm5bO6iJwdrNlOKdnijUvPIa0MNxWvwTuXJfEBEaXLsg==}
peerDependencies:
react: ^18.2.0
react-dom: ^18.2.0
dependencies:
react: 18.2.0
react-dom: 18.2.0(react@18.2.0)
dev: false
/@mui/base@5.0.0-beta.6(react-dom@18.2.0)(react@18.2.0):
resolution: {integrity: sha512-jcHy6HwOX7KzRhRtL8nvIvUlxvLx2Fl6NMRCyUSQSvMTyfou9kndekz0H4HJaXvG1Y4WEifk23RYedOlrD1kEQ==}
engines: {node: '>=12.0.0'}
@@ -5242,16 +5252,6 @@ packages:
react-dom: 18.2.0(react@18.2.0)
dev: false
/react-color-gradient-picker@0.1.2(react-dom@18.2.0)(react@18.2.0):
resolution: {integrity: sha512-/woJfVZbp/lEwqdNfk/vxmuUj7K9imyF6C5mrsfvwvtF1uFr7THHRyEDPLZd4mD9N3opPl6Z7G7SZrFQ8qBq9w==}
peerDependencies:
react: ^16.13.1
react-dom: ^16.13.1
dependencies:
react: 18.2.0
react-dom: 18.2.0(react@18.2.0)
dev: false
/react-dom@18.2.0(react@18.2.0):
resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
peerDependencies:

View File

@@ -1,13 +1,13 @@
import variables from 'modules/variables';
import { PureComponent, Fragment } from 'react';
import { ColorPicker } from 'react-color-gradient-picker';
import { ColorPicker } from '@muetab/react-color-gradient-picker';
import { toast } from 'react-toastify';
import SettingsItem from '../../SettingsItem';
import hexToRgb from 'modules/helpers/background/hexToRgb';
import rgbToHex from 'modules/helpers/background/rgbToHex';
import 'react-color-gradient-picker/dist/index.css';
import '@muetab/react-color-gradient-picker/dist/index.css';
import '../../../scss/settings/react-color-picker-gradient-picker-custom-styles.scss';
export default class ColourSettings extends PureComponent {