From 0ff667122036615a63f26fdca8a56ad2b799e8fc Mon Sep 17 00:00:00 2001
From: Aliwoto <aminnimaj@gmail.com>
Date: Mon, 19 Aug 2024 01:36:20 +0330
Subject: [PATCH] Minor improvements.

Signed-off-by: Aliwoto <aminnimaj@gmail.com>
---
 src/components/menus/sideMenu.tsx  | 12 +++++++++++-
 src/pages/searchUserPage.tsx       | 28 +++++++++++++++++-----------
 src/translations/appTranslation.ts |  8 +++++++-
 src/translations/faTranslation.ts  |  7 ++++++-
 4 files changed, 41 insertions(+), 14 deletions(-)

diff --git a/src/components/menus/sideMenu.tsx b/src/components/menus/sideMenu.tsx
index 75cedf4..138fcf3 100644
--- a/src/components/menus/sideMenu.tsx
+++ b/src/components/menus/sideMenu.tsx
@@ -79,13 +79,23 @@ const SideMenu: React.FC<SideMenuProps> = ({...props}) => {
                     href='/createUser'
                 >
                 </MenuItem>
+                <MenuItem 
+                    label={CurrentAppTranslation.SearchUsersText}
+                    href='/searchUser'
+                >
+                </MenuItem>
                 <MenuItem 
                   label={CurrentAppTranslation.EditUserInfoText}
-                  href='/searchUser'
+                  href='/searchUser?edit=true'
                 >
                 </MenuItem>
                 <MenuItem label={CurrentAppTranslation.ChangeUserPasswordText}></MenuItem>
               </MenuItem>
+              <MenuItem label={CurrentAppTranslation.ManageCoursesText}>
+                <MenuItem label={CurrentAppTranslation.AddCourseText}></MenuItem>
+                <MenuItem label={CurrentAppTranslation.SearchCoursesText}></MenuItem>
+                <MenuItem label={CurrentAppTranslation.EditCourseText}></MenuItem>
+              </MenuItem>
               <MenuItem label={CurrentAppTranslation.ManageExamsText}>
                 <MenuItem label={CurrentAppTranslation.AddExamText}></MenuItem>
                 <MenuItem label={CurrentAppTranslation.EditExamText}></MenuItem>
diff --git a/src/pages/searchUserPage.tsx b/src/pages/searchUserPage.tsx
index 668a8de..18125d9 100644
--- a/src/pages/searchUserPage.tsx
+++ b/src/pages/searchUserPage.tsx
@@ -18,11 +18,12 @@ import DashboardContainer from '../components/containers/dashboardContainer';
 import { timeAgo } from '../utils/timeUtils';
 import { CurrentAppTranslation } from '../translations/appTranslation';
 
-const RenderUsersList = (users: SearchedUserInfo[] | undefined) => {
+const RenderUsersList = (users: SearchedUserInfo[] | undefined, forEdit: boolean = false) => {
     if (!users || users.length === 0) {
         return (
             <Typography variant="body2" sx={{ textAlign: 'center', mt: 4 }}>
-                {CurrentAppTranslation.NoResultsFoundText}
+                {forEdit ? CurrentAppTranslation.EnterSearchForEdit : 
+                    CurrentAppTranslation.NoResultsFoundText}
             </Typography>
         );
     }
@@ -42,12 +43,20 @@ const RenderUsersList = (users: SearchedUserInfo[] | undefined) => {
                         }>
                         <Grid container spacing={2}>
                             <Grid item xs={6}>
-                                <Typography variant="body2">{`${CurrentAppTranslation.user_id}: ${user.user_id}`}</Typography>
-                                <Typography variant="body2">{`${CurrentAppTranslation.email}: ${user.email}`}</Typography>
+                                <Typography variant="body2">
+                                    {`${CurrentAppTranslation.user_id}: ${user.user_id}`}
+                                </Typography>
+                                <Typography variant="body2">
+                                    {`${CurrentAppTranslation.email}: ${user.email}`}
+                                </Typography>
                             </Grid>
                             <Grid item xs={6} sx={{ textAlign: 'right' }}>
-                                <Typography variant="body2">{`${CurrentAppTranslation.full_name}: ${user.full_name}`}</Typography>
-                                <Typography variant="body2">{`${CurrentAppTranslation.created_at}: ${timeAgo(user.created_at!)}`}</Typography>
+                                <Typography variant="body2">
+                                    {`${CurrentAppTranslation.full_name}: ${user.full_name}`}
+                                </Typography>
+                                <Typography variant="body2">
+                                    {`${CurrentAppTranslation.created_at}: ${timeAgo(user.created_at!)}`}
+                                </Typography>
                             </Grid>
                         </Grid>
                     </Paper>
@@ -61,6 +70,7 @@ const SearchUserPage = () => {
     const urlSearch = new URLSearchParams(window.location.search);
     const providedQuery = urlSearch.get('query');
     const providedPage = urlSearch.get('page');
+    const forEdit = (urlSearch.get('edit') ?? "false") === "true";
 
     const [query, setQuery] = useState(providedQuery ?? '');
     const [users, setUsers] = useState<SearchedUserInfo[]>([]);
@@ -147,11 +157,7 @@ const SearchUserPage = () => {
                         }}>
                             <CircularProgress size={60} />
                         </Box>
-                    ) : (
-                        <List>
-                            {RenderUsersList(users)}
-                        </List>
-                    )}
+                    ) : RenderUsersList(users, forEdit)}
                 </Box>
                 <Box sx={{ display: 'flex', justifyContent: 'center', margin: '0 auto', }}>
                     <Pagination
diff --git a/src/translations/appTranslation.ts b/src/translations/appTranslation.ts
index 45e13c3..5ce955f 100644
--- a/src/translations/appTranslation.ts
+++ b/src/translations/appTranslation.ts
@@ -12,8 +12,13 @@ export class AppTranslationBase {
     ChangePasswordText: string = "Change Password";
     ManageUsersText: string = "Manage Users";
     AddUserText: string = "Add User";
+    SearchUsersText: string = "Search Users";
     EditUserInfoText: string = "Edit User Info";
     ChangeUserPasswordText: string = "Change User Password";
+    ManageCoursesText: string = "Manage Courses";
+    AddCourseText: string = "Add Course";
+    SearchCoursesText: string = "Search Courses";
+    EditCourseText: string = "Edit Course";
     ManageExamsText: string = "Manage Exams";
     AddExamText: string = "Add Exam";
     EditExamText: string = "Edit Exam";
@@ -27,7 +32,8 @@ export class AppTranslationBase {
     UserNotFoundText: string = "This user doesn't seem to exist...";
     CreateNewUserText: string = "Create New User";
     UserCreatedSuccessfullyText: string = "User created successfully";
-    NoResultsFoundText: string = "No results found";
+    NoResultsFoundText: string = "No results found, try changing your search query";
+    EnterSearchForEdit: string = "Enter search query to edit the user";
 
     //#endregion
 
diff --git a/src/translations/faTranslation.ts b/src/translations/faTranslation.ts
index d36e577..c879e65 100644
--- a/src/translations/faTranslation.ts
+++ b/src/translations/faTranslation.ts
@@ -16,6 +16,10 @@ class FaTranslation extends AppTranslationBase {
     AddUserText: string = "افزودن کاربر";
     EditUserInfoText: string = "ویرایش اطلاعات کاربر";
     ChangeUserPasswordText: string = "تغییر رمز عبور کاربر";
+    ManageCoursesText: string = "مدیریت دوره ها";
+    AddCourseText: string = "افزودن دوره";
+    SearchCoursesText: string = "جستجوی دوره ها";
+    EditCourseText: string = "ویرایش دوره";
     ManageExamsText: string = "مدیریت آزمون ها";
     AddExamText: string = "افزودن آزمون";
     EditExamText: string = "ویرایش آزمون";
@@ -29,7 +33,8 @@ class FaTranslation extends AppTranslationBase {
     UserNotFoundText: string = "این کاربر وجود ندارد...";
     CreateNewUserText: string = "ایجاد کاربر جدید";
     UserCreatedSuccessfullyText: string = "کاربر با موفقیت ایجاد شد";
-    NoResultsFoundText: string = "نتیجه ای یافت نشد";
+    NoResultsFoundText: string = "نتیجه ای یافت نشد، تلاش کنید تا جستجوی خود را تغییر دهید";
+    EnterSearchForEdit: string = "برای ویرایش کاربر جستجو کنید";
 
     //#endregion