Merge branch 'deploy'

Author: AnWhiteM

package-lock.json

@@ -1,40 +1,42 @@
-{
-  "name": "vite-react-template",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build --base=/project-6_Front_End",
-    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "@reduxjs/toolkit": "^2.2.5",
-    "axios": "^1.7.2",
-    "clsx": "^2.1.1",
-    "formik": "^2.4.6",
-    "modern-normalize": "^2.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-hot-toast": "^2.4.1",
-    "react-icons": "^5.0.1",
-    "react-modal": "^3.16.1",
-    "react-redux": "^9.1.2",
-    "react-router-dom": "^6.23.1",
-    "redux-persist": "^6.0.0",
-    "toast": "^0.5.4",
-    "uuid": "^9.0.1",
-    "yup": "^1.4.0"
-  },
-  "devDependencies": {
-    "@types/react": "^18.2.55",
-    "@types/react-dom": "^18.2.19",
-    "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^8.56.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
-    "vite": "^5.1.0"
-  }
-}
+
+{
+  "name": "vite-react-template",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build --base=/",
+    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@reduxjs/toolkit": "^2.2.5",
+    "axios": "^1.7.2",
+    "clsx": "^2.1.1",
+    "formik": "^2.4.6",
+    "modern-normalize": "^2.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hot-toast": "^2.4.1",
+    "react-icons": "^5.0.1",
+    "react-modal": "^3.16.1",
+    "react-redux": "^9.1.2",
+    "react-router-dom": "^6.23.1",
+    "redux-persist": "^6.0.0",
+    "toast": "^0.5.4",
+    "uuid": "^9.0.1",
+    "yup": "^1.4.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.56.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "vite": "^5.1.0"
+  }
+}
+

package.json

@@ -68,4 +68,5 @@ export const App = () => {
       )}
     </>
   );
+
 };

src/components/App/App.jsx

@@ -1,5 +1,5 @@
 import Modal from "react-modal";
-import css from "./CreateCard.module.css";
+import css from "./CreateCardModal.module.css";
 import * as Yup from 'yup';
 import { Form, Formik, Field } from "formik";
 import svg from "../../img/icons.svg";

src/components/CreateCardModal/CreateCardModal.jsx

@@ -1,5 +1,5 @@
 import Modal from "react-modal";
-import css from "EditColumn.module.css";
+import css from "./EditColumnModal.module.css";
 import * as Yup from 'yup';
 import { Form, Formik, Field } from "formik";
 import svg from "../../img/icons.svg";

src/components/EditColumnModal/EditColumnModal.jsx

@@ -1,10 +1,10 @@
 import css from "./TaskCard.module.css"
 import svg from "../../img/icons.svg";
-import { useSelector } from "react-redux";
 import { EditCard } from "../EditCardModal/EditCardModal";
+import { useState } from "react";
 
 export const Card = () => {
-  const [isOpen, setIsOpen] = useSelector(false);
+  const [isOpen, setIsOpen] = useState(false);
 
   const openModal = () => {
     setIsOpen(true)

src/components/TaskCard/TaskCard.jsx

@@ -1,10 +1,10 @@
 import css from "./TaskColumnName.module.css";
 import svg from "../../img/icons.svg";
-import { useSelector} from "react"
+import { useState} from "react"
 import { EditColumn } from "../EditColumnModal/EditColumnModal";
 
 export const TaskColumnName = () => {
-  const [isOpen, setIsOpen] = useSelector(false);
+  const [isOpen, setIsOpen] = useState(false);
 
   const openModal = () => {
     setIsOpen(true)

src/components/TaskColumnName/TaskColumnName.jsx

@@ -11,6 +11,7 @@
   --blue: #8fa1d0;
   --red: #e09cb5;
   --violet: #5255bc;
+  --color: #121212;
 
   /* others */
   --indent: 20px;