fix style names

src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx

@@ -592,12 +592,12 @@ export const ModalTiсket = ({
 
   return (
     <div
-      className={active ? "modal-tiket active" : "modal-tiket"}
+      className={active ? "modal-ticket active" : "modal-ticket"}
       onClick={(e) => {
-        if (e.target.className.includes("modal-tiket")) setActive(false);
+        if (e.target.className.includes("modal-ticket")) setActive(false);
       }}
     >
-      <div className="modal-tiket__content">
+      <div className="modal-ticket__content">
         <div className="content">
           <h3 className="title-project">
             <img src={category} className="title-project__category"></img>

src/components/Modal/Tracker/ModalTicket/modalTicket.scss

@@ -1,4 +1,4 @@
-.modal-tiket {
+.modal-ticket {
   z-index: 9;
   height: 100%;
   width: 100%;
@@ -11,11 +11,11 @@
   justify-content: center;
 }
 
-.modal-tiket.active {
+.modal-ticket.active {
   display: flex;
 }
 
-.modal-tiket__content {
+.modal-ticket__content {
   background: #ffffff;
   border-radius: 8px;
   display: flex;

src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx

@@ -659,7 +659,7 @@ export const TicketFullScreen = () => {
                 </div>
               </div>
             </div>
-            <div className="modal-tiket__content ticket">
+            <div className="modal-ticket__content ticket">
               <div className="content ticket-whith">
                 <div className="content__task">
                   {editOpen ? (

src/components/Modal/Tracker/TrackerModal/TrackerModal.jsx

@@ -65,7 +65,7 @@ export const TrackerModal = ({
   const [projectName, setProjectName] = useState(defautlInput);
   const [valueColumn, setValueColumn] = useState("");
   const [nameProject, setNameProject] = useState("");
-  const [valueTiket, setValueTiket] = useState("");
+  const [valueTicket, setValueTicket] = useState("");
   const [descriptionTicket, setDescriptionTicket] = useState("");
   const [workers, setWorkers] = useState([]);
   const [selectWorkersOpen, setSelectWorkersOpen] = useState(false);
@@ -127,8 +127,8 @@ export const TrackerModal = ({
     setActive(false);
   }
 
-  function createTiket() {
-    if (!valueTiket || !descriptionTicket) {
+  function createTicket() {
+    if (!valueTicket || !descriptionTicket) {
       showNotification({
         show: true,
         text: "Введите название и описание",
@@ -141,7 +141,7 @@ export const TrackerModal = ({
       method: "POST",
       data: {
         project_id: projectBoard.id,
-        title: valueTiket,
+        title: valueTicket,
         description: descriptionTicket,
         status: 1,
         user_id: localStorage.getItem("id"),
@@ -180,14 +180,14 @@ export const TrackerModal = ({
           }).then(() => {
             dispatch(setProjectBoardFetch(projectBoard.id));
             setActive(false);
-            setValueTiket("");
+            setValueTicket("");
             setDescriptionTicket("");
             setSelectedExecutorTask("Выберите исполнителя задачи");
             setSelectedPriority(null);
           });
         } else {
           setActive(false);
-          setValueTiket("");
+          setValueTicket("");
           setDescriptionTicket("");
           dispatch(setProjectBoardFetch(projectBoard.id));
         }
@@ -507,8 +507,8 @@ export const TrackerModal = ({
                   <input
                     maxLength="100"
                     className="name-project"
-                    value={valueTiket}
-                    onChange={(e) => setValueTiket(e.target.value)}
+                    value={valueTicket}
+                    onChange={(e) => setValueTicket(e.target.value)}
                     placeholder="Название задачи"
                   />
                 </div>
@@ -713,7 +713,7 @@ export const TrackerModal = ({
                 </div>
               </div>
             </div>
-            <BaseButton styles={"button-add"} onClick={createTiket}>
+            <BaseButton styles={"button-add"} onClick={createTicket}>
               Создать
             </BaseButton>
           </div>

src/components/ProjectTicket/ProjectTicket.jsx

@@ -20,9 +20,9 @@ import edit from "assets/icons/edit.svg";
 import link from "assets/icons/link.svg";
 import avatarProject from "assets/images/avatarMok.png";
 
-import "./projectTiket.scss";
+import "./projectTicket.scss";
 
-export const ProjectTiket = ({ project, index }) => {
+export const ProjectTicket = ({ project, index }) => {
   const [modalSelect, setModalSelect] = useState(false);
   const [modalAdd, setModalAdd] = useState(false);
   const [modalDelete, setModalDelete] = useState(false);
@@ -81,7 +81,7 @@ export const ProjectTiket = ({ project, index }) => {
     <div className={`project project-${project.id}`} key={index}>
       <Link
         to={`/tracker/project/${project.id}`}
-        className="project__open-traker"
+        className="project__open-tracker"
       >
         <div className="project__link">{project.name}</div>
 
@@ -177,4 +177,4 @@ export const ProjectTiket = ({ project, index }) => {
   );
 };
 
-export default ProjectTiket;
+export default ProjectTicket;

src/components/ProjectTicket/projectTicket.scss

@@ -96,7 +96,7 @@
     margin-left: 56px;
   }
 
-  &__open-traker {
+  &__open-tracker {
     padding: 17px 26px 16px;
   }