loan/expert-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'feature/amin_plate_structure' into 'develop'

Browse Source 
restructured plate number column in data table

See merge request witel-front-end/loan-facilities/expert!139
This commit is contained in:
AmirHossein Mahmoodi
2024-01-08 08:26:40 +00:00
parent 3cffb589a0 9754d19f87
commit 4f8bbbd34a
6 changed files with 120 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/dashboard/loan-history/index.jsx
View File

@@ -1,4 +1,4 @@
import {Box, Typography} from "@mui/material";
import {Box, Stack, Typography} from "@mui/material";
import {useMemo} from "react";
import {GET_LOAN_HISTORY} from "@/core/data/apiRoutes";
import {useTranslations} from "next-intl";
@@ -267,7 +267,25 @@ function DashboardLoanHistoryComponent() {
filterFn: "contains",
columnFilterModeOptions: ["contains", "equals", "notEquals"],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
<Stack sx={{border: 1, borderColor: "divider", borderRadius: 1}} direction={'row'}>
<Stack sx={{borderRight: 1, borderColor: "divider", textAlign: 'center', width: "40%"}}>
{renderedCellValue.split('-')[3]}
</Stack>
<Stack direction={'row'} sx={{width: "100%", px: 0.5}}>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[2]}</Stack>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[1]}</Stack>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[0]}</Stack>
</Stack>
</Stack>
),
},
{

22
src/components/dashboard/machinary-office/index.jsx
View File

@@ -1,4 +1,4 @@
import {Box, Typography} from "@mui/material";
import {Box, Stack, Typography} from "@mui/material";
import {useMemo} from "react";
import {GET_MACHINARY_OFFICE} from "@/core/data/apiRoutes";
import {useTranslations} from "next-intl";
@@ -267,7 +267,25 @@ function DashboardMachinaryOfficeComponent() {
filterFn: "contains",
columnFilterModeOptions: ["contains", "equals", "notEquals"],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
<Stack sx={{border: 1, borderColor: "divider", borderRadius: 1}} direction={'row'}>
<Stack sx={{borderRight: 1, borderColor: "divider", textAlign: 'center', width: "40%"}}>
{renderedCellValue.split('-')[3]}
</Stack>
<Stack direction={'row'} sx={{width: "100%", px: 0.5}}>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[2]}</Stack>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[1]}</Stack>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[0]}</Stack>
</Stack>
</Stack>
),
},
{

22
src/components/dashboard/navgan-loan-management/index.jsx
View File

@@ -1,4 +1,4 @@
import {Box, Typography} from "@mui/material";
import {Box, Stack, Typography} from "@mui/material";
import {useMemo} from "react";
import {GET_LOAN_MANAGEMENT_NAVGAN} from "@/core/data/apiRoutes";
import {useTranslations} from "next-intl";
@@ -268,7 +268,25 @@ function DashboardNavganLoanManagementComponent() {
filterFn: "contains",
columnFilterModeOptions: ["contains", "equals", "notEquals"],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
<Stack sx={{border: 1, borderColor: "divider", borderRadius: 1}} direction={'row'}>
<Stack sx={{borderRight: 1, borderColor: "divider", textAlign: 'center', width: "40%"}}>
{renderedCellValue.split('-')[3]}
</Stack>
<Stack direction={'row'} sx={{width: "100%", px: 0.5}}>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[2]}</Stack>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[1]}</Stack>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[0]}</Stack>
</Stack>
</Stack>
),
},
{

22
src/components/dashboard/navgan-province-manager/index.jsx
View File

@@ -1,4 +1,4 @@
import {Box, Typography} from "@mui/material";
import {Box, Stack, Typography} from "@mui/material";
import {useMemo} from "react";
import {GET_NAVGAN_PROVINCE_MANAGER} from "@/core/data/apiRoutes";
import {useTranslations} from "next-intl";
@@ -211,7 +211,25 @@ function DashboardNavganProvinceManagerComponent() {
filterFn: "contains",
columnFilterModeOptions: ["contains", "equals", "notEquals"],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
<Stack sx={{border: 1, borderColor: "divider", borderRadius: 1}} direction={'row'}>
<Stack sx={{borderRight: 1, borderColor: "divider", textAlign: 'center', width: "40%"}}>
{renderedCellValue.split('-')[3]}
</Stack>
<Stack direction={'row'} sx={{width: "100%", px: 0.5}}>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[2]}</Stack>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[1]}</Stack>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[0]}</Stack>
</Stack>
</Stack>
),
},
{

22
src/components/dashboard/passenger-boss/index.jsx
View File

@@ -1,4 +1,4 @@
import {Box, Typography} from "@mui/material";
import {Box, Stack, Typography} from "@mui/material";
import {useMemo} from "react";
import {GET_PASSENGER_BOSS} from "@/core/data/apiRoutes";
import {useTranslations} from "next-intl";
@@ -268,7 +268,25 @@ function DashboardPassengerOfficeComponent() {
filterFn: "contains",
columnFilterModeOptions: ["contains", "equals", "notEquals"],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
<Stack sx={{border: 1, borderColor: "divider", borderRadius: 1}} direction={'row'}>
<Stack sx={{borderRight: 1, borderColor: "divider", textAlign: 'center', width: "40%"}}>
{renderedCellValue.split('-')[3]}
</Stack>
<Stack direction={'row'} sx={{width: "100%", px: 0.5}}>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[2]}</Stack>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[1]}</Stack>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[0]}</Stack>
</Stack>
</Stack>
),
},
{

22
src/components/dashboard/transportation-assistance/index.jsx
View File

@@ -1,4 +1,4 @@
import {Box, Typography} from "@mui/material";
import {Box, Stack, Typography} from "@mui/material";
import {useMemo} from "react";
import {GET_TRANSPORTATION_ASSISTANCE} from "@/core/data/apiRoutes";
import {useTranslations} from "next-intl";
@@ -211,7 +211,25 @@ function DashboardTransportationAssistanceComponent() {
filterFn: "contains",
columnFilterModeOptions: ["contains", "equals", "notEquals"],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
<Stack sx={{border: 1, borderColor: "divider", borderRadius: 1}} direction={'row'}>
<Stack sx={{borderRight: 1, borderColor: "divider", textAlign: 'center', width: "40%"}}>
{renderedCellValue.split('-')[3]}
</Stack>
<Stack direction={'row'} sx={{width: "100%", px: 0.5}}>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[2]}</Stack>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[1]}</Stack>
<Stack sx={{
textAlign: "center",
width: "100%"
}}>{renderedCellValue.split('-')[0]}</Stack>
</Stack>
</Stack>
),
},
{