Update for the QR-Code of user and staff

src/app/api/user/index.ts

@@ -8,7 +8,7 @@ export interface UserResult {
   id: number;
   username: string;
   staffNo: number;
-  // name: string;
+  name: string;
 }
 
 // export interface DetailedUser extends UserResult {

src/components/Breadcrumb/Breadcrumb.tsx

@@ -16,6 +16,7 @@ const pathToLabelMap: { [path: string]: string } = {
   "/settings/qcItem": "Qc Item",
   "/settings/qrCodeHandle": "QR Code Handle",
   "/settings/rss": "Demand Forecast Setting",
+  "/settings/equipment": "Equipment", 
   "/scheduling/rough": "Demand Forecast",
   "/scheduling/rough/edit": "FG & Material Demand Forecast Detail",
   "/scheduling/detailed": "Detail Scheduling",

src/components/qrCodeHandles/qrCodeHandleSearch.tsx

@@ -83,7 +83,7 @@ const QrCodeHandleSearch: React.FC<Props> = ({ users, printerCombo }) => {
   const searchCriteria: Criterion<SearchParamNames>[] = useMemo(
     () => [
       {
-        label: t("Username"),
+        label: t("User"),
         paramName: "username",
         type: "text",
       },
@@ -223,6 +223,7 @@ const QrCodeHandleSearch: React.FC<Props> = ({ users, printerCombo }) => {
       {
         name: "id",
         label: "", 
+        sx: { width: "50px", minWidth: "50px" },
         renderCell: (params) => (
           <Checkbox
             checked={checkboxIds.includes(params.id)}
@@ -233,28 +234,27 @@ const QrCodeHandleSearch: React.FC<Props> = ({ users, printerCombo }) => {
       },
       { 
         name: "username", 
-        label: t("Username"),
+        label: t("User"),
         align: "left",
         headerAlign: "left",
+        sx: { width: "150px", minWidth: "150px" },
       },
       {
-        name: "staffNo",
-        label: t("staffNo"),
+        name: "name",
+        label: t("name"),
         align: "left",
         headerAlign: "left",
+        sx: { width: "150px", minWidth: "150px" },
       },
       {
         name: "staffNo",
-        label: t("qrcode"),
-        align: "center",
-        headerAlign: "center",
-        onClick: async (user: UserResult) => {
-          await showPdfPreview([user.id]);
-        },
-        buttonIcon: <QrCodeIcon />,
+        label: t("staffNo"),
+        align: "left",
+        headerAlign: "left",
+        sx: { width: "150px", minWidth: "150px" },
       },
     ],
-    [t, checkboxIds, handleSelectUser, showPdfPreview],
+    [t, checkboxIds, handleSelectUser],
   );
 
   const onReset = useCallback(() => {