From 1bdd591bed7260a0120688bafd9d3cd89cb51fdc Mon Sep 17 00:00:00 2001
From: Amin Ghasempoor <aminghasempoor79@gmail.com>
Date: Mon, 11 Sep 2023 14:51:29 +0330
Subject: [PATCH] TF-4 user management styling

---
 public/locales/fa/app.json                         | 1 -
 src/components/dashboard/user-management/index.jsx | 8 ++++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json
index 9f05da3..baecc48 100644
--- a/public/locales/fa/app.json
+++ b/public/locales/fa/app.json
@@ -23,7 +23,6 @@
     "logout": "خروج"
   },
   "Select": {
-    "helper_text": "حالت فیلتر: برابر",
     "menu_item": "نوع کاربر را وارد کنید"
   },
   "Titles": {
diff --git a/src/components/dashboard/user-management/index.jsx b/src/components/dashboard/user-management/index.jsx
index 79b6c4e..ddf9099 100644
--- a/src/components/dashboard/user-management/index.jsx
+++ b/src/components/dashboard/user-management/index.jsx
@@ -83,7 +83,7 @@ function DashboardUserManagementComponent() {
         Cell: ({renderedCellValue}) => (<Typography variant="body2">{renderedCellValue}</Typography>),
         Header: ({column}) => <>{column.columnDef.header}</>,
         Filter: ({column}) => {
-            return (<Stack mt={0.5} direction="row" spacing={2}>
+            return (<Stack direction="row" alignItems={'start'}>
                 <FormControl fullWidth>
                     <Select
                         variant={'standard'}
@@ -92,12 +92,12 @@ function DashboardUserManagementComponent() {
                         sx={{color: column.getFilterValue() ? 'black' : "rgba(0, 0, 0, 0.4)"}}
                     >
                         <MenuItem disabled value={0}>
-                            {t("filter_mode")}: {t(column.columnDef._filterFn)}
+                            {t("Select.menu_item")}
                         </MenuItem>
                         <MenuItem value={1}>{t("UpdateDialog.navgan")}</MenuItem>
                         <MenuItem value={2}>{t("UpdateDialog.refahi")}</MenuItem>
                     </Select>
-                    <FormHelperText>{t("Select.helper_text")}</FormHelperText>
+                    <FormHelperText sx={{mx: 0}}>{t("filter_mode")}: {t(column.columnDef._filterFn)}</FormHelperText>
                 </FormControl>
                 <IconButton
                     size="small"
@@ -105,7 +105,7 @@ function DashboardUserManagementComponent() {
                         column.setFilterValue(null);
                     }}
                     sx={{
-                        color: column.getFilterValue() ? "rgba(0, 0, 0, 0.54)" : "#bfbfbf", marginTop: 7, height: 25
+                        color: column.getFilterValue() ? "rgba(0, 0, 0, 0.54)" : "#bfbfbf"
                     }}
                 >
                     <ClearIcon/>