style data base

src/components/dashboard/machinary-office/index.jsx

@@ -24,6 +24,7 @@ function DashboardMachinaryOfficeComponent() {
         enableColumnFilter: true,
         datatype: "numeric",
         filterFn: "equals",
+        maxSize: 100,
         columnFilterModeOptions: [
           "equals",
           "notEquals",
@@ -94,13 +95,10 @@ function DashboardMachinaryOfficeComponent() {
         enableColumnFilter: true,
         datatype: "date",
         filterFn: "lessThan",
+        minSize: 200,
         columnFilterModeOptions: ["lessThan", "greaterThan"],
         Cell: ({ renderedCellValue }) => {
-          return (
+          return <Typography variant="body2">{renderedCellValue}</Typography>;
-            <Typography variant="body2" style={{ minWidth: "200px" }}>
-              {renderedCellValue}
-            </Typography>
-          );
         },
         Header: ({ column }) => <em>{column.columnDef.header}</em>,
         Filter: ({ column }) => {
@@ -147,6 +145,7 @@ function DashboardMachinaryOfficeComponent() {
         enableColumnFilter: true,
         datatype: "numeric",
         filterFn: "equals",
+        maxSize: 100,
         columnFilterModeOptions: [
           "equals",
           "notEquals",

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

@@ -26,6 +26,7 @@ function DashboardPassengerOfficeComponent() {
         enableColumnFilter: true,
         datatype: "numeric",
         filterFn: "equals",
+        maxSize: 100,
         columnFilterModeOptions: [
           "equals",
           "notEquals",
@@ -96,13 +97,10 @@ function DashboardPassengerOfficeComponent() {
         enableColumnFilter: true,
         datatype: "date",
         filterFn: "lessThan",
+        minSize: 200,
         columnFilterModeOptions: ["lessThan", "greaterThan"],
         Cell: ({ renderedCellValue }) => {
-          return (
+          return <Typography variant="body2">{renderedCellValue}</Typography>;
-            <Typography variant="body2" style={{ minWidth: "200px" }}>
-              {renderedCellValue}
-            </Typography>
-          );
         },
         Header: ({ column }) => <em>{column.columnDef.header}</em>,
         Filter: ({ column }) => {
@@ -149,6 +147,7 @@ function DashboardPassengerOfficeComponent() {
         enableColumnFilter: true,
         datatype: "numeric",
         filterFn: "equals",
+        maxSize: 100,
         columnFilterModeOptions: [
           "equals",
           "notEquals",

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

@@ -25,6 +25,7 @@ function DashboardPassengerOfficeComponent() {
         header: t("PassengerOffice.id"),
         enableColumnFilter: true,
         datatype: "numeric",
+        maxSize: 100,
         filterFn: "equals",
         columnFilterModeOptions: [
           "equals",
@@ -96,13 +97,10 @@ function DashboardPassengerOfficeComponent() {
         enableColumnFilter: true,
         datatype: "date",
         filterFn: "lessThan",
+        minSize: 200,
         columnFilterModeOptions: ["lessThan", "greaterThan"],
         Cell: ({ renderedCellValue }) => {
-          return (
+          return <Typography variant="body2">{renderedCellValue}</Typography>;
-            <Typography variant="body2" style={{ minWidth: "200px" }}>
-              {renderedCellValue}
-            </Typography>
-          );
         },
         Header: ({ column }) => <em>{column.columnDef.header}</em>,
         Filter: ({ column }) => {
@@ -148,6 +146,7 @@ function DashboardPassengerOfficeComponent() {
         header: t("PassengerOffice.navgan_id"),
         enableColumnFilter: true,
         datatype: "numeric",
+        maxSize: 100,
         filterFn: "equals",
         columnFilterModeOptions: [
           "equals",

src/components/dashboard/province-manager/index.jsx

@@ -26,6 +26,7 @@ function DashboardProvinceManagerComponent() {
         enableColumnFilter: true,
         datatype: "numeric",
         filterFn: "equals",
+        maxSize: 100,
         columnFilterModeOptions: [
           "equals",
           "notEquals",
@@ -96,13 +97,10 @@ function DashboardProvinceManagerComponent() {
         enableColumnFilter: true,
         datatype: "date",
         filterFn: "lessThan",
+        minSize: 200,
         columnFilterModeOptions: ["lessThan", "greaterThan"],
         Cell: ({ renderedCellValue }) => {
-          return (
+          return <Typography variant="body2">{renderedCellValue}</Typography>;
-            <Typography variant="body2" style={{ minWidth: "200px" }}>
-              {renderedCellValue}
-            </Typography>
-          );
         },
         Header: ({ column }) => <em>{column.columnDef.header}</em>,
         Filter: ({ column }) => {
@@ -149,6 +147,7 @@ function DashboardProvinceManagerComponent() {
         enableColumnFilter: true,
         datatype: "numeric",
         filterFn: "equals",
+        maxSize: 100,
         columnFilterModeOptions: [
           "equals",
           "notEquals",

src/components/dashboard/transportation-assistance/index.jsx

@@ -24,6 +24,7 @@ function DashboardTransportationAssistanceComponent() {
         enableColumnFilter: true,
         datatype: "numeric",
         filterFn: "equals",
+        maxSize: 100,
         columnFilterModeOptions: [
           "equals",
           "notEquals",
@@ -94,12 +95,11 @@ function DashboardTransportationAssistanceComponent() {
         header: t("TransportationAssistance.created_at"),
         enableColumnFilter: true,
         datatype: "date",
+        minSize: 200,
         filterFn: "lessThan",
         columnFilterModeOptions: ["lessThan", "greaterThan"],
         Cell: ({ renderedCellValue }) => (
-          <Typography variant="body2" style={{ minWidth: "200px" }}>
+          <Typography variant="body2">{renderedCellValue}</Typography>
-            {renderedCellValue}
-          </Typography>
         ),
         Header: ({ column }) => <em>{column.columnDef.header}</em>,
         Filter: ({ column }) => {
@@ -146,6 +146,7 @@ function DashboardTransportationAssistanceComponent() {
         enableColumnFilter: true,
         datatype: "numeric",
         filterFn: "equals",
+        maxSize: 100,
         columnFilterModeOptions: [
           "equals",
           "notEquals",