perf(side bar): improve appearance

improve text appearance via small screens view in the side bar of the nav ar
202306-NEA-DZ-FEW · Nov 21, 2023 · 17a5da5 · 17a5da5
1 parent 61e5284
commit 17a5da5
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/public/locales/ar/common.json b/public/locales/ar/common.json
@@ -33,5 +33,5 @@
     "Logout": "خروج",
     "Sign In": "دخول",
     "Hello": "مرحبا", 
-    "Welcome to Student Store": "مرحبا بك في متجر الطالب"
+    "Welcome to Student Store": "أهلا بك في متجر الطالب"
 }
diff --git a/src/components/SideBar/SideBar.jsx b/src/components/SideBar/SideBar.jsx
@@ -1,18 +1,21 @@
 // Sidebar.jsx
 
-import React, { useEffect, useState } from "react";
-import Link from "next/link";
-import { MdOutlineKeyboardDoubleArrowLeft } from "react-icons/md";
-import { FiEdit3 } from "react-icons/fi";
-import { BsClipboard2Fill, BsFillBoxSeamFill } from "react-icons/bs";
-import { BiLogOut } from "react-icons/bi";
 import { doc, getDoc } from "firebase/firestore";
-import { useAuth } from "@/context/AuthContext.js";
+import Image from "next/image.js";
+import Link from "next/link";
 import { useRouter } from "next/router.js";
+import React, { useEffect, useState } from "react";
+import { BiLogOut } from "react-icons/bi";
+import { BsClipboard2Fill, BsFillBoxSeamFill } from "react-icons/bs";
+import { FiEdit3 } from "react-icons/fi";
+import { MdOutlineKeyboardDoubleArrowLeft } from "react-icons/md";
 import { ToastContainer } from "react-toastify";
+
 import "react-toastify/dist/ReactToastify.css";
+
+import { useAuth } from "@/context/AuthContext.js";
+
 import { db } from "../../util/firebase.js";
-import Image from "next/image.js";
 
 const Sidebar = () => {
     const [selectedLink, setSelectedLink] = useState(null);

diff --git a/src/components/SideBarNB/SideBarNB.jsx b/src/components/SideBarNB/SideBarNB.jsx
@@ -18,7 +18,7 @@ const SidebarNB = ({ isOpen, closeSidebar, t }) => {
                     {currentUser ? (
                         <p
                             className={`sm:text-lg  p-2 font-semibold text-[#585785] ${
-                                route.locale === "ar" ? "mr-10" : ""
+                                route.locale === "ar" ? "mr-10" : "mr-10"
                             } `}
                         >
                             {`${t("Hello")}, ${