From a8edd367cba2c7ef5e5f475ccd3b1fb7d05bf696 Mon Sep 17 00:00:00 2001
From: "deepsource-autofix[bot]"
 <62050782+deepsource-autofix[bot]@users.noreply.github.com>
Date: Mon, 18 Sep 2023 21:16:36 +0000
Subject: [PATCH] style: format code with Prettier

This commit fixes the style issues introduced in b050394 according to the output
from Prettier.

Details: None
---
 src/components/Navbar/index.jsx               |  4 +-
 src/components/Post/LikesDialogBox.jsx        |  5 +-
 src/components/Post/PostNav.jsx               |  8 +--
 .../SettingsComponents/Sidebar/index.jsx      | 60 ++++---------------
 src/components/postView/index.jsx             |  8 +--
 5 files changed, 19 insertions(+), 66 deletions(-)

diff --git a/src/components/Navbar/index.jsx b/src/components/Navbar/index.jsx
index d23437e82..5fe629349 100644
--- a/src/components/Navbar/index.jsx
+++ b/src/components/Navbar/index.jsx
@@ -148,9 +148,7 @@ function Navbar({ onClick, user, setUser }) {
                       <li
                         key={id}
                         className="searched_user_li"
-                        onClick={() =>
-                          navigate(`/user/${user.username}`)
-                        }
+                        onClick={() => navigate(`/user/${user.username}`)}
                       >
                         <img
                           src={user?.photoURL ? user.photoURL : blankImg}
diff --git a/src/components/Post/LikesDialogBox.jsx b/src/components/Post/LikesDialogBox.jsx
index 679a17d1f..3e27cc56b 100644
--- a/src/components/Post/LikesDialogBox.jsx
+++ b/src/components/Post/LikesDialogBox.jsx
@@ -24,10 +24,7 @@ const renderUser = ({ uid, username, photoURL, name, bio }) => (
     </Link>
     <div>
       <section className="like_user_data">
-        <Link
-          to={`/user/${username}`}
-          style={{ textDecoration: "none" }}
-        >
+        <Link to={`/user/${username}`} style={{ textDecoration: "none" }}>
           <h3 className="like_user_name">{name}</h3>
         </Link>
         <h5 className="like_user_username">@{username}</h5>
diff --git a/src/components/Post/PostNav.jsx b/src/components/Post/PostNav.jsx
index 407250b21..8818f9482 100644
--- a/src/components/Post/PostNav.jsx
+++ b/src/components/Post/PostNav.jsx
@@ -49,9 +49,7 @@ const PostNav = ({
       <Flexbetween gap={!fullScreen && "1.6rem"} sx={{ marginInline: "auto" }}>
         <Flexbetween
           sx={{ cursor: "pointer" }}
-          onClick={() =>
-            isAnonymous ? navigate("/signup") : likesHandler()
-          }
+          onClick={() => (isAnonymous ? navigate("/signup") : likesHandler())}
         >
           <IconButton>
             {tempLikeCount.indexOf(user?.uid) != -1 ? (
@@ -74,9 +72,7 @@ const PostNav = ({
         <Flexbetween
           sx={{ cursor: "pointer" }}
           onClick={() => {
-            isAnonymous
-              ? navigate("/signup")
-              : setisCommentOpen(true);
+            isAnonymous ? navigate("/signup") : setisCommentOpen(true);
           }}
         >
           <IconButton sx={{ padding: "2px" }}>
diff --git a/src/components/SettingsComponents/Sidebar/index.jsx b/src/components/SettingsComponents/Sidebar/index.jsx
index 027143e5c..99db9a4bb 100644
--- a/src/components/SettingsComponents/Sidebar/index.jsx
+++ b/src/components/SettingsComponents/Sidebar/index.jsx
@@ -15,88 +15,54 @@ const SettingsSidebar = () => {
     <div className="settings-container">
       <div className="settings-sidebar-container">
         <ul className="settings-sidebar-sub-container">
-          <li
-            className={
-              location.pathname == "/settings" ? "active" : ""
-            }
-          >
+          <li className={location.pathname == "/settings" ? "active" : ""}>
             <Link to={"/settings"}>
               <VolumeUpOutlinedIcon className="icon" /> <span>Sound</span>
             </Link>
           </li>
           <li
             className={
-              location.pathname == "/settings/notification"
-                ? "active"
-                : ""
+              location.pathname == "/settings/notification" ? "active" : ""
             }
           >
-            <Link
-              className="settings-sidebar-item"
-              to="/settings/notification"
-            >
+            <Link className="settings-sidebar-item" to="/settings/notification">
               <NotificationsIcon className="icon" /> <span>Notification</span>
             </Link>
           </li>
           <li
-            className={
-              location.pathname == "/settings/about" ? "active" : ""
-            }
+            className={location.pathname == "/settings/about" ? "active" : ""}
           >
-            <Link
-              className="settings-sidebar-item"
-              to="/settings/about"
-            >
+            <Link className="settings-sidebar-item" to="/settings/about">
               <InfoOutlinedIcon className="icon" /> <span>About</span>
             </Link>
           </li>
           <li
-            className={
-              location.pathname == "/settings/theme" ? "active" : ""
-            }
+            className={location.pathname == "/settings/theme" ? "active" : ""}
           >
-            <Link
-              className="settings-sidebar-item"
-              to="/settings/theme"
-            >
+            <Link className="settings-sidebar-item" to="/settings/theme">
               <DarkModeOutlinedIcon className="icon" />
               <span>Theme</span>
             </Link>
           </li>
           <li
-            className={
-              location.pathname == "/settings/lorem" ? "active" : ""
-            }
+            className={location.pathname == "/settings/lorem" ? "active" : ""}
           >
-            <Link
-              className="settings-sidebar-item"
-              to="/settings/lorem"
-            >
+            <Link className="settings-sidebar-item" to="/settings/lorem">
               <SecurityOutlinedIcon className="icon" />
               <span>Privacy and Security</span>
             </Link>
           </li>
           <li
-            className={
-              location.pathname == "/settings/ipsum" ? "active" : ""
-            }
+            className={location.pathname == "/settings/ipsum" ? "active" : ""}
           >
-            <Link
-              className="settings-sidebar-item"
-              to="/settings/ipsum"
-            >
+            <Link className="settings-sidebar-item" to="/settings/ipsum">
               <ContactSupportOutlinedIcon className="icon" /> <span> Help</span>
             </Link>
           </li>
           <li
-            className={
-              location.pathname == "/settings/account" ? "active" : ""
-            }
+            className={location.pathname == "/settings/account" ? "active" : ""}
           >
-            <Link
-              className="settings-sidebar-item"
-              to="/settings/account"
-            >
+            <Link className="settings-sidebar-item" to="/settings/account">
               <ManageAccountsOutlinedIcon className="icon" />{" "}
               <span>Account</span>
             </Link>
diff --git a/src/components/postView/index.jsx b/src/components/postView/index.jsx
index 1fc8fec3c..7f182ee43 100644
--- a/src/components/postView/index.jsx
+++ b/src/components/postView/index.jsx
@@ -239,16 +239,12 @@ const PostCommentView = ({ setFetchAgain, fetchAgain, postId, user, post }) => {
                     src={content.avatar ? content.avatar : BlankImg}
                     alt={content.displayName}
                     className="post_view_comment_img"
-                    onClick={() =>
-                      navigate(`/user/${content.username}`)
-                    }
+                    onClick={() => navigate(`/user/${content.username}`)}
                   />
                   <div>
                     <h4
                       className="post_view_comment_img_name"
-                      onClick={() =>
-                        navigate(`/user/${content.username}`)
-                      }
+                      onClick={() => navigate(`/user/${content.username}`)}
                     >
                       {content.displayName}
                     </h4>