TF-101 fix responsive bug

public/locales/fa/app.json

@@ -339,6 +339,10 @@
   },
   "UpdateDialog": {
     "update": "ویرایش",
+    "description": "توضیحات خود را وارد نمائید",
+    "description_error": "وارد کردن توضیحات الزامی است!",
+    "next-state-id": "وضعیت",
+    "next-state-id-error": "وارد کردن وضعیت الزامیست",
     "update-tooltip": "ویرایش",
     "button-cancel": "بستن",
     "refahi": "رفاهی",

src/components/dashboard/expert-management/index.jsx

@@ -170,6 +170,9 @@ function DashboardExpertManagementComponent() {
                     columns={columns}
                     selectableRow={false}
                     CustomToolbar={TableToolbar}
+                    sorting={[{
+                        id: 'id', desc: true
+                    }]}
                     enableCustomToolbar={true}
                     enableLastUpdate={true}
                     enablePinning={true}

src/components/dashboard/machinary-office/Form/ConfirmForm.jsx

@@ -14,7 +14,6 @@ import {
 } from "@mui/material";
 import ThumbUpAltIcon from "@mui/icons-material/ThumbUpAlt";
 import UploadSystem from "@/core/components/UploadSystem";
-import useDirection from "@/lib/app/hooks/useDirection";
 import {useFormik} from "formik";
 import UploadFileNotification from "@/core/components/notifications/UploadFileNotification";
 import {CONFIRM_MACHINARY_OFFICE} from "@/core/data/apiRoutes";
@@ -26,7 +25,6 @@ import PriceField from "@/core/components/PriceField";
 
 const Confirm = ({rowId, fetchUrl, mutate}) => {
     const t = useTranslations();
-    const {directionApp} = useDirection();
     const [selectedImage, setSelectedImage] = useState("");
     const [fileType, setfileType] = useState(null);
     const [fileName, setfileName] = useState(null);
@@ -113,7 +111,7 @@ const Confirm = ({rowId, fetchUrl, mutate}) => {
                     PaperProps={{sx: {boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px'}}}>
                 <DialogTitle>{t("ConfirmDialog.confirm")}</DialogTitle>
                 <DialogContent>
-                    <Stack spacing={2}>
+                    <Stack spacing={3}>
                         <Stack>
                             <TextField
                                 name="description"

src/components/dashboard/passenger-boss/Form/ConfirmForm.jsx

@@ -113,7 +113,7 @@ const Confirm = ({rowId, fetchUrl, mutate}) => {
                     PaperProps={{sx: {boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px'}}}>
                 <DialogTitle>{t("ConfirmDialog.confirm")}</DialogTitle>
                 <DialogContent>
-                    <Stack spacing={2}>
+                    <Stack spacing={3}>
                         <Stack>
                             <TextField
                                 name="description"

src/components/dashboard/passenger-boss/index.jsx

@@ -177,7 +177,6 @@ function DashboardPassengerOfficeComponent() {
                     enableGlobalFilter={false}
                     enableColumnResizing={false} // if you want true this you shold change renderRowActions props ** see https://www.material-react-table.com/docs/guides/row-actions
                     enableRowActions={true}
-                    renderMainAction={TableToolbar}
                     TableRowAction={TableRowActions}
                 />
             </Box>

src/components/dashboard/transportation-assistance/Form/ConfirmForm.jsx

@@ -14,7 +14,6 @@ import {
 } from "@mui/material";
 import ThumbUpAltIcon from "@mui/icons-material/ThumbUpAlt";
 import UploadSystem from "@/core/components/UploadSystem";
-import useDirection from "@/lib/app/hooks/useDirection";
 import {useFormik} from "formik";
 import UploadFileNotification from "@/core/components/notifications/UploadFileNotification";
 import {CONFIRM_TRANSPORTATION_ASSISTANCE} from "@/core/data/apiRoutes";
@@ -24,7 +23,6 @@ import useNotification from "@/lib/app/hooks/useNotification";
 
 const Confirm = ({rowId, fetchUrl, mutate}) => {
     const t = useTranslations();
-    const {directionApp} = useDirection();
     const [selectedImage, setSelectedImage] = useState("");
     const [fileType, setfileType] = useState(null);
     const [fileName, setfileName] = useState(null);

src/core/components/PriceField.jsx

@@ -1,23 +1,23 @@
-import {InputAdornment, TextField, Typography} from "@mui/material";
+import {Stack, TextField, Typography} from "@mui/material";
 import {useTranslations} from "next-intl";
 
 const PriceField = (props) => {
     const t = useTranslations();
     return (
-        <TextField
-            InputProps={{
-                endAdornment: (
-                    <InputAdornment position="end">
-                        <Typography
-                            sx={{margin: 1}}
-                            component="span">{((props.value) / 10).toLocaleString()}</Typography>
-                        <Typography component="span"
-                                    variant="caption">{t("ConfirmDialog.toman")}</Typography>
-                    </InputAdornment>
-                ),
-            }}
-            {...props}
-        />
-    )
+        <Stack spacing={1}>
+            <Stack>
+                <TextField
+                    {...props}
+                />
+            </Stack>
+            <Stack direction="row" alignItems="center">
+                <Typography sx={{margin: 1}} component="span">
+                    {((props.value) / 10).toLocaleString()}
+                </Typography>
+                <Typography component="span" variant="caption">
+                    {t("ConfirmDialog.toman")}
+                </Typography>
+            </Stack>
+        </Stack>)
 }
 export default PriceField