diff --git a/pages/[account]/[board]/index.js b/pages/[account]/[board]/index.js index 31f83ad..84ee561 100644 --- a/pages/[account]/[board]/index.js +++ b/pages/[account]/[board]/index.js @@ -1,28 +1,17 @@ -//Next/React import Head from "next/head"; import { useRouter } from "next/router"; - -//JSX +import { useEffect } from "react"; +import { DragDropContext, Draggable, Droppable } from "react-beautiful-dnd"; +import { useDispatch, useSelector } from "react-redux"; import BoardEmpty from "../../../components/UI/BoardEmpty"; - -//redux -import { useSelector, useDispatch } from "react-redux"; +import LoadingSpinner from "../../../components/UI/LoadingSpinner"; +import { useDndBoard } from "../../../hooks/useMutation"; +import { useCurrentBoard } from "../../../hooks/useQuery"; +import { selectColumns, setColumns } from "../../../store/boardSlice"; import { - selectMenuDesktopIsVisible, - toggleViewTask, - toggleEditBoard, + selectMenuDesktopIsVisible, toggleEditBoard, toggleViewTask } from "../../../store/uiSlice"; -//react-query -import { useCurrentBoard } from "../../../hooks/useQuery"; -import { useDndBoard } from "../../../hooks/useMutation"; - -//react beautiful dnd -import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd"; -import { useEffect } from "react"; -import { setColumns, selectColumns } from "../../../store/boardSlice"; -import LoadingSpinner from "../../../components/UI/LoadingSpinner"; - export default function Home() { const router = useRouter(); const dispatch = useDispatch();