adaptive

src/components/TrackerSelectColumn/TrackerSelectColumn.jsx

@@ -5,32 +5,41 @@ import { moveProjectTask } from "@redux/projectsTrackerSlice";
 
 import arrowDown from "assets/icons/arrows/selectArrow.png";
 
-import './trackerSelectColumn.scss'
+import "./trackerSelectColumn.scss";
 
-export const TrackerSelectColumn = ({columns, task, currentColumn}) => {
+export const TrackerSelectColumn = ({ columns, task, currentColumn }) => {
   const dispatch = useDispatch();
-    const [openSelect, setOpenSelect] = useState(false)
-    return(
-        <div className='trackerSelectColumn' onClick={() => setOpenSelect(!openSelect)}>
+  const [openSelect, setOpenSelect] = useState(false);
+  return (
+    <div
+      className="trackerSelectColumn"
+      onClick={() => setOpenSelect(!openSelect)}
+    >
       <p>Выберите колонку</p>
-            <img className={openSelect ? 'open' : ''} src={arrowDown} alt='arrow' />
-            {openSelect &&
-                <div className='trackerSelectColumn__dropDown'>
+      <img className={openSelect ? "open" : ""} src={arrowDown} alt="arrow" />
+      {openSelect && (
+        <div className="trackerSelectColumn__dropDown">
           {columns.map((column) => {
-                        return <p key={column.id} onClick={() => {
-                            dispatch(moveProjectTask({
-                                startWrapperIndex: {index: currentColumn, task},
-                                columnId: column.id
-                            }))
-                        }
-                        }>{column.title}</p>
+            return (
+              <p
+                key={column.id}
+                onClick={() => {
+                  dispatch(
+                    moveProjectTask({
+                      startWrapperIndex: { index: currentColumn, task },
+                      columnId: column.id,
                     })
-                    }
+                  );
+                }}
+              >
+                {column.title}
+              </p>
+            );
+          })}
         </div>
-            }
+      )}
     </div>
-    )
+  );
 };
 
 export default TrackerSelectColumn;
-

src/pages/ProjectTracker/ProjectTracker.js

@@ -194,8 +194,8 @@ export const ProjectTracker = () => {
   }
 
   function openTicket(e, task) {
-    if (window. innerWidth < 900) {
-      return
+    if (window.innerWidth < 900) {
+      return;
     }
     setSelectedTicket(task);
     setModalActiveTicket(true);
@@ -687,9 +687,12 @@ export const ProjectTracker = () => {
                                 </div>
                               </div>
                               <TrackerSelectColumn
-                                  columns={projectBoard.columns.filter((item) => item.id !== column.id)}
+                                columns={projectBoard.columns.filter(
+                                  (item) => item.id !== column.id
+                                )}
                                 currentColumn={column.id}
-                                  task={task} />
+                                task={task}
+                              />
                             </div>
                           );
                         })}