update: organize imports

src/src/components/MessageComponent.tsx

@@ -1,7 +1,7 @@
+import { deleteDoc, doc } from "firebase/firestore";
+import { deleteObject, ref } from "firebase/storage";
 import React from "react";
-import { doc, deleteDoc } from "firebase/firestore";
 import { auth, db, storage } from "../firebase-config";
-import { deleteObject, ref } from "firebase/storage";
 import { Message } from "../types/Message";
 
 interface MessageProps {

src/src/pages/Chat.tsx

@@ -1,22 +1,22 @@
-import React, { useEffect, useState, useRef } from "react";
 import {
   addDoc,
   collection,
   onSnapshot,
+  orderBy,
   query,
-  where,
   serverTimestamp,
-  orderBy,
+  where,
 } from "firebase/firestore";
 import { getDownloadURL, ref, uploadBytesResumable } from "firebase/storage";
-import { auth, db, storage } from "../firebase-config";
+import React, { useEffect, useRef, useState } from "react";
+import FileInput from "../components/FileInput";
+import FilePreview from "../components/FilePreview";
 import MessageComponent from "../components/MessageComponent";
 import Navbar from "../components/Navbar";
-import FilePreview from "../components/FilePreview";
-import FileInput from "../components/FileInput";
 import TextInput from "../components/TextInput";
-import { SignUserOutProps } from "../types/signUserOutProps";
+import { auth, db, storage } from "../firebase-config";
 import { Message } from "../types/Message";
+import { SignUserOutProps } from "../types/signUserOutProps";
 
 export interface ChatProps extends SignUserOutProps {
   room: string;

src/src/pages/Home.tsx

@@ -1,12 +1,12 @@
-import { useState, useRef, useEffect } from "react";
 import { signOut } from "firebase/auth";
-import { auth } from "../firebase-config";
-import SignUp from "./SignUp";
-import Chat from "./Chat";
-import SignOut from "../components/SignOut";
-import CustomServerInput from "../components/CustomServerInput";
+import { useEffect, useRef, useState } from "react";
 import Cookies from "universal-cookie";
+import CustomServerInput from "../components/CustomServerInput";
 import MinimalProfileInfo from "../components/MinimalProfileInfo";
+import SignOut from "../components/SignOut";
+import { auth } from "../firebase-config";
+import Chat from "./Chat";
+import SignUp from "./SignUp";
 
 const cookies = new Cookies();
 

src/src/pages/SignUp.tsx

@@ -1,8 +1,8 @@
-import { auth, provider } from "../firebase-config";
 import { signInWithPopup } from "firebase/auth";
 import Cookies from "universal-cookie";
-import Footer from "../components/Footer";
 import Authentication from "../components/Authentication";
+import Footer from "../components/Footer";
+import { auth, provider } from "../firebase-config";
 
 const cookies = new Cookies();