Closed hejiayi06 closed 6 months ago
The second slider is not working. The onchange function return the same color code when I try to change color. I will also provide my JSON file for my project.
{ "name": "booking-admin", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite --host", "build": "tsc && vite build", "build-only": "vite build", "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0", "preview": "vite preview" }, "dependencies": { "@emotion/react": "^11.11.3", "@emotion/styled": "^11.11.0", "@mui/base": "^5.0.0-beta.25", "@mui/icons-material": "^5.14.19", "@mui/lab": "^5.0.0-alpha.158", "@mui/material": "^5.15.2", "@mui/styled-engine-sc": "^6.0.0-alpha.7", "@mui/x-date-pickers": "^6.18.5", "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", "@types/jest": "^27.5.2", "@types/react": "^18.2.41", "@types/react-dnd": "^3.0.2", "@types/react-dnd-html5-backend": "^3.0.2", "@types/react-dom": "^18.2.17", "dayjs": "^1.11.10", "helmet": "^7.1.0", "lodash": "^4.17.21", "material-react-table": "^2.1.0", "mui-color-input": "^2.0.1", "mui-file-input": "^4.0.3", "mui-tel-input": "^5.0.0", "notistack": "^3.0.1", "react": "^18.2.0", "react-big-calendar": "^1.8.6", "react-calendar-timeline": "^0.28.0", "react-dnd": "^7.5.0", "react-dnd-html5-backend": "^7.5.0", "react-dom": "^18.2.0", "react-dropzone": "^14.2.3", "react-helmet-async": "^2.0.3", "react-hook-form": "^7.49.2", "react-quill": "^2.0.0", "react-router-dom": "^6.20.1", "react-spinners": "^0.13.8", "recharts": "^2.12.1", "register-service-worker": "^1.7.2", "rrule": "^2.8.1", "styled-components": "^6.1.3", "suneditor": "^2.45.1", "suneditor-react": "^3.6.1", "typescript": "^4.9.5", "web-vitals": "^2.1.4", "workbox-background-sync": "^6.6.0", "workbox-broadcast-update": "^6.6.0", "workbox-cacheable-response": "^6.6.0", "workbox-core": "^6.6.0", "workbox-expiration": "^6.6.0", "workbox-google-analytics": "^6.6.0", "workbox-navigation-preload": "^6.6.0", "workbox-precaching": "^6.6.0", "workbox-range-requests": "^6.6.0", "workbox-routing": "^6.6.0", "workbox-strategies": "^6.6.0", "workbox-streams": "^6.6.0" }, "devDependencies": { "@types/react": "^18.2.56", "@types/react-dom": "^18.2.19", "@typescript-eslint/eslint-plugin": "^7.0.2", "@typescript-eslint/parser": "^7.0.2", "@vitejs/plugin-react-swc": "^3.5.0", "eslint": "^8.56.0", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.4.5", "sass": "^1.71.1", "typescript": "^5.2.2", "vite": "^5.1.4", "vite-plugin-pwa": "^0.19.1", "workbox-window": "^7.0.0" } }
The second slider is not working. The onchange function return the same color code when I try to change color. I will also provide my JSON file for my project.
{ "name": "booking-admin", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite --host", "build": "tsc && vite build", "build-only": "vite build", "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0", "preview": "vite preview" }, "dependencies": { "@emotion/react": "^11.11.3", "@emotion/styled": "^11.11.0", "@mui/base": "^5.0.0-beta.25", "@mui/icons-material": "^5.14.19", "@mui/lab": "^5.0.0-alpha.158", "@mui/material": "^5.15.2", "@mui/styled-engine-sc": "^6.0.0-alpha.7", "@mui/x-date-pickers": "^6.18.5", "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", "@types/jest": "^27.5.2", "@types/react": "^18.2.41", "@types/react-dnd": "^3.0.2", "@types/react-dnd-html5-backend": "^3.0.2", "@types/react-dom": "^18.2.17", "dayjs": "^1.11.10", "helmet": "^7.1.0", "lodash": "^4.17.21", "material-react-table": "^2.1.0", "mui-color-input": "^2.0.1", "mui-file-input": "^4.0.3", "mui-tel-input": "^5.0.0", "notistack": "^3.0.1", "react": "^18.2.0", "react-big-calendar": "^1.8.6", "react-calendar-timeline": "^0.28.0", "react-dnd": "^7.5.0", "react-dnd-html5-backend": "^7.5.0", "react-dom": "^18.2.0", "react-dropzone": "^14.2.3", "react-helmet-async": "^2.0.3", "react-hook-form": "^7.49.2", "react-quill": "^2.0.0", "react-router-dom": "^6.20.1", "react-spinners": "^0.13.8", "recharts": "^2.12.1", "register-service-worker": "^1.7.2", "rrule": "^2.8.1", "styled-components": "^6.1.3", "suneditor": "^2.45.1", "suneditor-react": "^3.6.1", "typescript": "^4.9.5", "web-vitals": "^2.1.4", "workbox-background-sync": "^6.6.0", "workbox-broadcast-update": "^6.6.0", "workbox-cacheable-response": "^6.6.0", "workbox-core": "^6.6.0", "workbox-expiration": "^6.6.0", "workbox-google-analytics": "^6.6.0", "workbox-navigation-preload": "^6.6.0", "workbox-precaching": "^6.6.0", "workbox-range-requests": "^6.6.0", "workbox-routing": "^6.6.0", "workbox-strategies": "^6.6.0", "workbox-streams": "^6.6.0" }, "devDependencies": { "@types/react": "^18.2.56", "@types/react-dom": "^18.2.19", "@typescript-eslint/eslint-plugin": "^7.0.2", "@typescript-eslint/parser": "^7.0.2", "@vitejs/plugin-react-swc": "^3.5.0", "eslint": "^8.56.0", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.4.5", "sass": "^1.71.1", "typescript": "^5.2.2", "vite": "^5.1.4", "vite-plugin-pwa": "^0.19.1", "workbox-window": "^7.0.0" } }