add statusUtils folder

src/pages/ProofReply_GLD/ApplicationDetails.js

@@ -13,7 +13,7 @@ import * as DateUtils from "utils/DateUtils"
 import { useParams } from "react-router-dom";
 import Loadable from 'components/Loadable';
 const MainCard = Loadable(React.lazy(() => import('components/MainCard')));
-import * as StatusUtils from "../PublicNotice/ListPanel/PublicNoteStatusUtils";
+import * as StatusUtils from "utils/statusUtils/PublicNoteStatusUtils";
 import FileList from "components/FileList"
 // ==============================|| DASHBOARD - DEFAULT ||============================== //
 const ApplicationDetailCard = ({ formData, }) => {

src/pages/ProofReply_GLD/index.js

@@ -90,7 +90,7 @@ const Index = () => {
                         <Grid item xs={12} width="100%">
                             <div style={BackgroundHead} width="100%">
                                 <Stack direction="row" height='70px'>
-                                    <Typography ml={15} color='#FFF' variant="h4" sx={{ pt: 2 }}>校對記錄</Typography>
+                                    <Typography ml={15} color='#FFF' variant="h4" sx={{ pt: 2 }}>Proof Record</Typography>
                                 </Stack>
                             </div>
                         </Grid>

src/pages/ProofReply_Public/ApplicationDetails.js

@@ -14,7 +14,7 @@ import * as DateUtils from "utils/DateUtils"
 import { useParams } from "react-router-dom";
 import Loadable from 'components/Loadable';
 const MainCard = Loadable(React.lazy(() => import('components/MainCard')));
-import * as StatusUtils from "../PublicNotice/ListPanel/PublicNoteStatusUtils";
+import * as StatusUtils from "utils/statusUtils/PublicNoteStatusUtils";
 import FileList from "components/FileList"
 // ==============================|| DASHBOARD - DEFAULT ||============================== //
 const ApplicationDetailCard = ({ formData, }) => {

src/pages/PublicNotice/ListPanel/BaseGrid.js

@@ -5,7 +5,7 @@ import {
     Button
 } from '@mui/material';
 import * as DateUtils from "utils/DateUtils"
-import * as StatusUtils from "./PublicNoteStatusUtils";
+import * as StatusUtils from "utils/statusUtils/PublicNoteStatusUtils";
 import {useNavigate} from "react-router-dom";
 
 // ==============================|| EVENT TABLE ||============================== //

src/pages/PublicNotice/ListPanel/PendingPaymentTab.js

@@ -8,7 +8,7 @@ import {
 } from '@mui/material';
 import {FiDataGrid} from "components/FiDataGrid";
 import * as DateUtils from "utils/DateUtils"
-import * as StatusUtils from "./PublicNoteStatusUtils";
+import * as StatusUtils from "utils/statusUtils/PublicNoteStatusUtils";
 import {useNavigate} from "react-router-dom";
 // ==============================|| EVENT TABLE ||============================== //
 

src/pages/PublicNotice/ListPanel/SearchPublicNoticeTable.js

@@ -4,7 +4,7 @@ import {
     Button
 } from '@mui/material';
 import * as DateUtils from "utils/DateUtils";
-import * as StatusUtils from "./PublicNoteStatusUtils";
+import * as StatusUtils from "utils/statusUtils/PublicNoteStatusUtils";
 import {useNavigate} from "react-router-dom";
 import {FiDataGrid} from "components/FiDataGrid";
 // ==============================|| EVENT TABLE ||============================== //

src/pages/PublicNoticeDetail/ApplicationDetailCard.js

@@ -22,7 +22,7 @@ import { lazy } from 'react';
 const LoadingComponent = Loadable(lazy(() => import('../extra-pages/LoadingComponent')));
 // import {useParams} from "react-router-dom";
 import * as HttpUtils from "utils/HttpUtils"
-import * as StatusUtils from "../PublicNotice/ListPanel/PublicNoteStatusUtils";
+import * as StatusUtils from "utils/statusUtils/PublicNoteStatusUtils";
 import * as DateUtils from "utils/DateUtils";
 
 // import BorderColorOutlinedIcon from '@mui/icons-material/BorderColorOutlined';

src/pages/PublicNoticeDetail/tabTableDetail/BaseGrid.js

@@ -7,7 +7,6 @@ import {
     Button
 } from '@mui/material';
 import * as DateUtils from "utils/DateUtils"
-// import * as StatusUtils from "./PublicNoteStatusUtils";
 // ==============================|| EVENT TABLE ||============================== //
 
 export default function BaseGrid({rows}) {

src/pages/PublicNoticeDetail/tabTableDetail/ProofTab.js

@@ -6,8 +6,6 @@ import {
 import {
     Button
 } from '@mui/material';
-// import * as DateUtils from "utils/DateUtils"
-// import * as StatusUtils from "./PublicNoteStatusUtils";
 // ==============================|| EVENT TABLE ||============================== //
 
 export default function ProofTab({rows}) {

src/pages/PublicNoticeDetail/tabTableDetail/StatusHistoryTab.js

@@ -3,12 +3,8 @@ import * as React from 'react';
 import {
     DataGrid,
 } from "@mui/x-data-grid";
-// import dayjs from "dayjs";
-// import {
-//     Button
-// } from '@mui/material';
-// import * as DateUtils from "utils/DateUtils"
-import * as StatusUtils from "../../PublicNotice/ListPanel/PublicNoteStatusUtils";
+
+import * as StatusUtils from "utils/statusUtils/PublicNoteStatusUtils";
 
 // ==============================|| EVENT TABLE ||============================== //
 

src/pages/PublicNoticeDetail_GLD/ApplicationDetailCard.js

@@ -20,7 +20,7 @@ import Loadable from 'components/Loadable';
 import { lazy } from 'react';
 const LoadingComponent = Loadable(lazy(() => import('../extra-pages/LoadingComponent')));
 import * as HttpUtils from "utils/HttpUtils"
-import * as StatusUtils from "../PublicNotice/ListPanel/PublicNoteStatusUtils";
+import * as StatusUtils from "utils/statusUtils/PublicNoteStatusUtils";
 
 import DoneIcon from '@mui/icons-material/Done';
 import CloseIcon from '@mui/icons-material/Close';

src/pages/PublicNoticeDetail_GLD/tabTableDetail/BaseGrid.js

@@ -5,7 +5,6 @@ import {
     Button
 } from '@mui/material';
 import * as DateUtils from "utils/DateUtils"
-// import * as StatusUtils from "./PublicNoteStatusUtils";
 // ==============================|| EVENT TABLE ||============================== //
 
 export default function BaseGrid({rows}) {

src/pages/PublicNoticeDetail_GLD/tabTableDetail/StatusHistoryTab.js

@@ -6,7 +6,7 @@ import {FiDataGrid} from "components/FiDataGrid";
 //     Button
 // } from '@mui/material';
 import * as DateUtils from "utils/DateUtils"
-import * as StatusUtils from "../../PublicNotice/ListPanel/PublicNoteStatusUtils";
+import * as StatusUtils from "utils/statusUtils/PublicNoteStatusUtils";
 
 // ==============================|| EVENT TABLE ||============================== //
 

src/pages/PublicNoticeSearch_GLD/DataGrid.js

@@ -4,7 +4,7 @@ import {
     Button
 } from '@mui/material';
 import * as DateUtils from "utils/DateUtils";
-import * as StatusUtils from "pages/PublicNotice/ListPanel/PublicNoteStatusUtils";
+import * as StatusUtils from "utils/statusUtils/PublicNoteStatusUtils";
 import {useNavigate} from "react-router-dom";
 import {FiDataGrid} from "components/FiDataGrid";
 // ==============================|| EVENT TABLE ||============================== //

src/utils/statusUtils/Base.js

@@ -0,0 +1,6 @@
+
+export function getStatusTag({ color = "#000", textColor = "#FFF", text = "" }) {
+    return (
+        <div style={{ borderRadius: "25px", "background": color, "color": textColor, "padding": "5px 10px 5px 10px" }}><b>{text}</b></div>
+    )
+}

src/pages/PublicNotice/ListPanel/PublicNoteStatusUtils.js → src/utils/statusUtils/PublicNoteStatusUtils.js

@@ -1,5 +1,7 @@
 
 
+import {getStatusTag} from "utils/statusUtils/Base";
+
 export function getStatus(params) {
     return getStatusByText(params.row.status);
 }
@@ -66,9 +68,3 @@ export function getStatusByTextEng(status) {
             return getStatusTag({ text: status })
     }
 }
-
-export function getStatusTag({ color = "#000", textColor = "#FFF", text = "" }) {
-    return (
-        <div style={{ borderRadius: "25px", "background": color, "color": textColor, "padding": "5px 10px 5px 10px" }}><b>{text}</b></div>
-    )
-}