Sort imports

Dennull · Dennull · commit 1ed6271cc0d3 · 2024-11-02T00:36:21.000-06:00
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -26,6 +26,7 @@ export default [
     rules: {
       "@typescript-eslint/no-explicit-any": "off",
       "import-x/default": "off",
+      "import-x/order": "error",
     },
   },
 ];
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,9 +1,9 @@
-import Welcome from "./pages/Welcome";
-import Timeline from "./pages/Timeline";
 import { Route, Routes } from "react-router-dom";
 import { useAuth0 } from "@auth0/auth0-react";
 import axios from "axios";
 import { useEffect } from "react";
+import Timeline from "./pages/Timeline";
+import Welcome from "./pages/Welcome";
 import Register from "./pages/Register";
 import { ProtectedRoute } from "./components/Auth/ProtectedRoute";
 import PageLoader from "./pages/PageLoader";
diff --git a/src/components/Common/FollowingButton.tsx b/src/components/Common/FollowingButton.tsx
@@ -1,7 +1,7 @@
 import { Button } from "@mui/material";
-import { useAppSelector } from "../../state/hooks";
 import axios from "axios";
 import { useState } from "react";
+import { useAppSelector } from "../../state/hooks";
 
 const styles = {
   followingButton: {
diff --git a/src/components/Common/SearchBarDropdown.tsx b/src/components/Common/SearchBarDropdown.tsx
@@ -15,8 +15,8 @@ import {
 import { useEffect, useMemo, useRef, useState } from "react";
 import axios from "axios";
 import { useAuth0 } from "@auth0/auth0-react";
-import { SelectedUser } from "../../state/slices/messagesSlice";
 import { useNavigate } from "react-router-dom";
+import { SelectedUser } from "../../state/slices/messagesSlice";
 
 type SearchBarDropDownProps = {
   placeholder: string;
diff --git a/src/components/Common/Toast.tsx b/src/components/Common/Toast.tsx
@@ -1,11 +1,11 @@
 import { Alert, Snackbar } from "@mui/material";
+import { useEffect } from "react";
 import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import {
   clearCurrentToast,
   dequeueToast,
   setToastOpen,
 } from "../../state/slices/toastSlice";
-import { useEffect } from "react";
 
 const Toast = () => {
   const { currentToast, loaf, open } = useAppSelector((state) => state.toast);
diff --git a/src/components/Messages/ConversationList.tsx b/src/components/Messages/ConversationList.tsx
@@ -1,16 +1,16 @@
 import axios from "axios";
 import { useEffect, useState } from "react";
-import ConversationListItem from "./ConversationListItem";
-import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import { Box, Divider, IconButton, List, Typography } from "@mui/material";
 import { useNavigate } from "react-router-dom";
+import ChatOutlinedIcon from "@mui/icons-material/ChatOutlined";
 import {
   setConversations,
   setSelectedConversation,
 } from "../../state/slices/messagesSlice";
-import ChatOutlinedIcon from "@mui/icons-material/ChatOutlined";
-import CreateMessageModal from "./CreateMessageModal/CreateMessageModal";
+import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import SearchBar from "../Common/SearchBar";
+import CreateMessageModal from "./CreateMessageModal/CreateMessageModal";
+import ConversationListItem from "./ConversationListItem";
 
 const styles = {
   header: {
diff --git a/src/components/Messages/CreateMessageModal/CreateMessageModal.tsx b/src/components/Messages/CreateMessageModal/CreateMessageModal.tsx
@@ -6,10 +6,10 @@ import {
   Typography,
 } from "@mui/material/";
 import CloseIcon from "@mui/icons-material/Close";
-import MessagesModalList from "./MessagesModalList";
 import { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { useAppSelector } from "../../../state/hooks";
+import MessagesModalList from "./MessagesModalList";
 import MessagesSearchBar from "./MessagesSearchBar";
 
 const styles = {
diff --git a/src/components/Messages/CreateMessageModal/MessagesModalList.tsx b/src/components/Messages/CreateMessageModal/MessagesModalList.tsx
@@ -2,8 +2,8 @@ import axios from "axios";
 import { useState, useEffect } from "react";
 import { List } from "@mui/material";
 import { useAppSelector } from "../../../state/hooks";
-import MessagesModalListItem from "./MessagesModalListItem";
 import { SelectedUser } from "../../../state/slices/messagesSlice";
+import MessagesModalListItem from "./MessagesModalListItem";
 
 type MessagesListProps = {
   onClose: () => void;
diff --git a/src/components/Messages/CreateMessageModal/MessagesSearchBar.tsx b/src/components/Messages/CreateMessageModal/MessagesSearchBar.tsx
@@ -11,9 +11,9 @@ import {
   TextField,
   Typography,
 } from "@mui/material";
-import { useAppSelector } from "../../../state/hooks";
 import { useEffect, useState } from "react";
 import axios from "axios";
+import { useAppSelector } from "../../../state/hooks";
 import { SelectedUser } from "../../../state/slices/messagesSlice";
 
 const styles = {
diff --git a/src/components/NavBar/AccountMenu.tsx b/src/components/NavBar/AccountMenu.tsx
@@ -3,9 +3,9 @@ import { Avatar, Typography, Button } from "@mui/material";
 import Popover from "@mui/material/Popover";
 import Stack from "@mui/material/Stack/Stack";
 import { useState } from "react";
-import { useAppSelector } from "../../state/hooks";
 import LogoutIcon from "@mui/icons-material/Logout";
 import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
+import { useAppSelector } from "../../state/hooks";
 
 const styles = {
   arrow: {
diff --git a/src/components/NavBar/NavBar.tsx b/src/components/NavBar/NavBar.tsx
@@ -5,15 +5,14 @@ import HomeOutlinedIcon from "@mui/icons-material/HomeOutlined";
 import MailOutlinedIcon from "@mui/icons-material/MailOutlined";
 import AccountCircleOutlinedIcon from "@mui/icons-material/AccountCircleOutlined";
 import { Box, Button, IconButton, List, SvgIcon, Toolbar } from "@mui/material";
-import AccountMenu from "./AccountMenu";
-import NavItem from "./NavItem";
-import PostButtonModal from "./PostButtonModal";
 import { useState } from "react";
+import { useLocation, Link as Routerlink } from "react-router-dom";
 import ComposePost from "../Posts/ComposePost";
 import { useAppSelector } from "../../state/hooks";
-import { useLocation, Link as Routerlink } from "react-router-dom";
-
 import Logo from "../../assets/logo.svg?react";
+import AccountMenu from "./AccountMenu";
+import NavItem from "./NavItem";
+import PostButtonModal from "./PostButtonModal";
 
 const styles = {
   icon: {
diff --git a/src/components/Posts/ComposePost.tsx b/src/components/Posts/ComposePost.tsx
@@ -2,10 +2,10 @@ import { Box, Button, IconButton, Stack, TextField } from "@mui/material";
 import AddPhotoAlternateOutlinedIcon from "@mui/icons-material/AddPhotoAlternateOutlined";
 import { useState } from "react";
 import axios from "axios";
+import { EmojiClickData } from "emoji-picker-react";
 import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import { appendPost } from "../../state/slices/postsSlice";
 import UserAvatar from "../Common/UserAvatar";
-import { EmojiClickData } from "emoji-picker-react";
 import EmojiPickerIconButton from "../Common/EmojiPickerIconButton";
 
 type ComposePostProps = {
diff --git a/src/components/Posts/ComposeReply.tsx b/src/components/Posts/ComposeReply.tsx
@@ -1,11 +1,11 @@
 import { Box, Button, IconButton, Stack, TextField } from "@mui/material";
 import { useState } from "react";
 import axios from "axios";
-import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import AddPhotoAlternateOutlinedIcon from "@mui/icons-material/AddPhotoAlternateOutlined";
+import { EmojiClickData } from "emoji-picker-react";
+import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import { addReply } from "../../state/slices/postsSlice";
 import UserAvatar from "../Common/UserAvatar";
-import { EmojiClickData } from "emoji-picker-react";
 import EmojiPickerIconButton from "../Common/EmojiPickerIconButton";
 
 type ComposeReplyProps = {
diff --git a/src/components/Posts/EditPostModal.tsx b/src/components/Posts/EditPostModal.tsx
@@ -11,12 +11,12 @@ import {
 } from "@mui/material";
 import CloseIcon from "@mui/icons-material/Close";
 import { useState } from "react";
-import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import { EmojiClickData } from "emoji-picker-react";
-import EmojiPickerIconButton from "../Common/EmojiPickerIconButton";
-import UserAvatar from "../Common/UserAvatar";
 import AddPhotoAlternateOutlinedIcon from "@mui/icons-material/AddPhotoAlternateOutlined";
 import axios from "axios";
+import { useAppDispatch, useAppSelector } from "../../state/hooks";
+import EmojiPickerIconButton from "../Common/EmojiPickerIconButton";
+import UserAvatar from "../Common/UserAvatar";
 import {
   Post,
   setExpandedPost,
diff --git a/src/components/Posts/ExpandedPostItem.tsx b/src/components/Posts/ExpandedPostItem.tsx
@@ -21,24 +21,21 @@ import {
   ShareOutlined,
 } from "@mui/icons-material";
 import axios from "axios";
-import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import { useNavigate, useParams, Link as Routerlink } from "react-router-dom";
+import { useEffect, useState } from "react";
+import { useTheme } from "@mui/material/styles";
+import { toggleLikePostRequest } from "../../utilities/postUtilities";
+import UserAvatar from "../Common/UserAvatar";
 import {
   toggleLikePost,
   setExpandedPost,
   Post,
 } from "../../state/slices/postsSlice";
-
-import { useEffect, useState } from "react";
-import { RepliesModal } from "./RepliesModal";
-
-import { toggleLikePostRequest } from "../../utilities/postUtilities";
-
-import UserAvatar from "../Common/UserAvatar";
-import { useTheme } from "@mui/material/styles";
-import PostMenu from "./PostMenu";
+import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import TooltipTimestamp from "../Common/TooltipTimestamp";
 import { enqueueToast } from "../../state/slices/toastSlice";
+import { RepliesModal } from "./RepliesModal";
+import PostMenu from "./PostMenu";
 
 const styles = {
   actionButton: {
diff --git a/src/components/Posts/ExpandedPostReplies.tsx b/src/components/Posts/ExpandedPostReplies.tsx
@@ -1,9 +1,9 @@
 import { useEffect } from "react";
-import PostItem from "./PostItem";
 import axios from "axios";
+import { Divider } from "@mui/material";
 import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import { Post, setPosts } from "../../state/slices/postsSlice";
-import { Divider } from "@mui/material";
+import PostItem from "./PostItem";
 
 type ExpandedPostRepliesProps = {
   postId: number;
diff --git a/src/components/Posts/PostDeleteConfirmationModal.tsx b/src/components/Posts/PostDeleteConfirmationModal.tsx
@@ -6,9 +6,9 @@ import {
   DialogContentText,
   DialogTitle,
 } from "@mui/material";
-import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import { useNavigate } from "react-router-dom";
 import axios from "axios";
+import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import { deletePost } from "../../state/slices/postsSlice";
 import { enqueueToast } from "../../state/slices/toastSlice";
 
diff --git a/src/components/Posts/PostItem.tsx b/src/components/Posts/PostItem.tsx
@@ -19,22 +19,20 @@ import {
   RepeatOutlined,
   ShareOutlined,
 } from "@mui/icons-material";
-import { useAppDispatch, useAppSelector } from "../../state/hooks";
+import { useNavigate, Link as Routerlink } from "react-router-dom";
+import { useState } from "react";
 import {
   Post,
   toggleLikePost,
   setExpandedPost,
 } from "../../state/slices/postsSlice";
-import { useNavigate, Link as Routerlink } from "react-router-dom";
-
-import { useState } from "react";
-import { RepliesModal } from "./RepliesModal";
+import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import { toggleLikePostRequest } from "../../utilities/postUtilities";
-
 import UserAvatar from "../Common/UserAvatar";
-import PostMenu from "./PostMenu";
 import TooltipTimestamp from "../Common/TooltipTimestamp";
 import { enqueueToast } from "../../state/slices/toastSlice";
+import { RepliesModal } from "./RepliesModal";
+import PostMenu from "./PostMenu";
 
 type PostProps = {
   post: Post;
diff --git a/src/components/Posts/PostList.tsx b/src/components/Posts/PostList.tsx
@@ -1,9 +1,9 @@
 import { useEffect } from "react";
-import PostItem from "./PostItem";
 import axios from "axios";
+import { Divider, Stack } from "@mui/material";
 import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import { Post, setPosts } from "../../state/slices/postsSlice";
-import { Divider, Stack } from "@mui/material";
+import PostItem from "./PostItem";
 
 const PostList = () => {
   const { posts } = useAppSelector((state) => state.posts);
diff --git a/src/components/Posts/PostMenu.tsx b/src/components/Posts/PostMenu.tsx
@@ -6,12 +6,12 @@ import {
   MenuItem,
 } from "@mui/material";
 import { useRef, useState } from "react";
-import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import { MoreVert, Edit, Delete, Link } from "@mui/icons-material";
-import EditPostModal from "./EditPostModal";
-import PostDeleteConfirmationModal from "./PostDeleteConfirmationModal";
+import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import { enqueueToast } from "../../state/slices/toastSlice";
 import { Post } from "../../state/slices/postsSlice";
+import EditPostModal from "./EditPostModal";
+import PostDeleteConfirmationModal from "./PostDeleteConfirmationModal";
 
 type PostMenuProps = {
   isExpandedPost?: boolean;
diff --git a/src/components/Posts/RepliesModal.tsx b/src/components/Posts/RepliesModal.tsx
@@ -10,8 +10,8 @@ import {
 import MoreVertIcon from "@mui/icons-material/MoreVert";
 import CloseIcon from "@mui/icons-material/Close";
 import { Post } from "../../state/slices/postsSlice";
-import ComposeReply from "./ComposeReply";
 import UserAvatar from "../Common/UserAvatar";
+import ComposeReply from "./ComposeReply";
 
 const styles = {
   avatarBox: {
diff --git a/src/components/Profile/EditProfileModal.tsx b/src/components/Profile/EditProfileModal.tsx
@@ -14,9 +14,9 @@ import { useState } from "react";
 import { DatePicker, LocalizationProvider } from "@mui/x-date-pickers/";
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
 import axios from "axios";
+import dayjs from "dayjs";
 import { useAppSelector } from "../../state/hooks";
 import { EditableProfileContents } from "../../pages/Profile";
-import dayjs from "dayjs";
 
 const styles = {
   dialog: {
diff --git a/src/components/Profile/FollowListModal.tsx b/src/components/Profile/FollowListModal.tsx
@@ -15,11 +15,11 @@ import {
   useTheme,
 } from "@mui/material";
 import CloseIcon from "@mui/icons-material/Close";
+import { Link as Routerlink, useNavigate } from "react-router-dom";
 import SearchBar from "../Common/SearchBar";
 import FollowingButton from "../Common/FollowingButton";
 import FollowButton from "../Common/FollowButton";
 import { useAppSelector } from "../../state/hooks";
-import { Link as Routerlink, useNavigate } from "react-router-dom";
 import UserAvatar from "../Common/UserAvatar";
 import PageLoader from "../../pages/PageLoader";
 
diff --git a/src/components/Profile/ProfileLikes.tsx b/src/components/Profile/ProfileLikes.tsx
@@ -1,9 +1,9 @@
 import { useEffect } from "react";
-import PostItem from "../Posts/PostItem";
 import axios from "axios";
+import { Divider, Stack } from "@mui/material";
+import PostItem from "../Posts/PostItem";
 import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import { Post, setPosts } from "../../state/slices/postsSlice";
-import { Divider, Stack } from "@mui/material";
 
 type ProfileLikesProps = {
   userId: number;
diff --git a/src/components/Profile/ProfilePosts.tsx b/src/components/Profile/ProfilePosts.tsx
@@ -1,9 +1,9 @@
 import { useEffect } from "react";
-import PostItem from "../Posts/PostItem";
 import axios from "axios";
+import { Divider, Stack } from "@mui/material";
+import PostItem from "../Posts/PostItem";
 import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import { Post, setPosts } from "../../state/slices/postsSlice";
-import { Divider, Stack } from "@mui/material";
 
 type ProfilePostsProps = {
   userId: number;
diff --git a/src/components/Profile/ProfileReplies.tsx b/src/components/Profile/ProfileReplies.tsx
@@ -1,9 +1,9 @@
 import { useEffect } from "react";
-import PostItem from "../Posts/PostItem";
 import axios from "axios";
+import { Divider, Stack } from "@mui/material";
+import PostItem from "../Posts/PostItem";
 import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import { Post, setPosts } from "../../state/slices/postsSlice";
-import { Divider, Stack } from "@mui/material";
 
 type ProfileRepliesProps = {
   userId: number;
diff --git a/src/components/SideBar/ExpandedPostSidebar.tsx b/src/components/SideBar/ExpandedPostSidebar.tsx
@@ -1,8 +1,8 @@
 import { Box } from "@mui/material";
+import SearchBarDropdown from "../Common/SearchBarDropdown";
 import SidebarFooter from "./SidebarFooter";
 import RelevantUsers from "./RelevantUsers";
 import Advertisement from "./Advertisement";
-import SearchBarDropdown from "../Common/SearchBarDropdown";
 
 const styles = {
   rightContent: {
diff --git a/src/components/SideBar/RelevantUsers.tsx b/src/components/SideBar/RelevantUsers.tsx
@@ -7,8 +7,8 @@ import {
   Typography,
   useTheme,
 } from "@mui/material";
-import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import { useNavigate, Link as Routerlink } from "react-router-dom";
+import { useAppDispatch, useAppSelector } from "../../state/hooks";
 import UserAvatar from "../Common/UserAvatar";
 import FollowingButton from "../Common/FollowingButton";
 import { toggleFollow } from "../../state/slices/postsSlice";
diff --git a/src/components/SideBar/SideBar.tsx b/src/components/SideBar/SideBar.tsx
@@ -1,8 +1,8 @@
 import { Box } from "@mui/material";
+import SearchBarDropdown from "../Common/SearchBarDropdown";
 import SuggestedUserItem from "./SuggestedUsers";
 import SidebarFooter from "./SidebarFooter";
 import Advertisement from "./Advertisement";
-import SearchBarDropdown from "../Common/SearchBarDropdown";
 
 const styles = {
   rightContent: {
diff --git a/src/index.tsx b/src/index.tsx
diff --git a/src/pages/DirectMessage.tsx b/src/pages/DirectMessage.tsx
diff --git a/src/pages/ExpandedPost.tsx b/src/pages/ExpandedPost.tsx
diff --git a/src/pages/Layout.tsx b/src/pages/Layout.tsx
diff --git a/src/pages/Profile.tsx b/src/pages/Profile.tsx
diff --git a/src/pages/Register.tsx b/src/pages/Register.tsx
diff --git a/src/pages/Timeline.tsx b/src/pages/Timeline.tsx
