error fixed

src/shared/_mock/_mock.ts

@@ -83,6 +83,7 @@ export const _mock = {
   taskNames: (index: number) => _taskNames[index],
   pseudo: (index: number) => _pseudo[index],
   postTitle: (index: number) => _postTitles[index],
+  
   roles: (index: number) => _roles[index % _roles.length],
   jobTitle: (index: number) => _jobTitles[index],
   tourName: (index: number) => _tourNames[index],
@@ -104,6 +105,7 @@ export const _mock = {
   lastName: (index: number) => _lastNames[index],
   fullName: (index: number) => _fullNames[index],
   companyName: (index: number) => _companyNames[index],
+  ref: (index: number) => `ref${index}`,
   // Number
   number: {
     percent: (index: number) => _percents[index],

src/shared/_mock/_user.ts

@@ -159,5 +159,6 @@ id: _mock.id(index),
   status: (index % 2 && 'pending') || (index % 3 && 'banned') || 'approved',
   firstName: _mock.firstName(index),
   lastName: _mock.lastName(index),
+  ref: _mock.ref(index),
   imageUrl: _mock.imageUrl(index),
 }));

src/shared/sections/supplier/list supplier/user-table-row.tsx

@@ -36,7 +36,7 @@ export default function UserTableRow({
   onSelectRow,
   onDeleteRow,
 }: Props) {
-  const { name, company, role, email, phoneNumber, ref } = row;
+  const { name, company, roles, email, phoneNumber, ref } = row;
 
   const confirm = useBoolean();
   const router = useRouter();
@@ -68,7 +68,7 @@ export default function UserTableRow({
 
         <TableCell sx={{ whiteSpace: "nowrap" }}>{company}</TableCell>
 
-        <TableCell sx={{ whiteSpace: "nowrap" }}>{role}</TableCell>
+        {/* <TableCell sx={{ whiteSpace: "nowrap" }}>{roles}</TableCell> */}
         <TableCell sx={{ whiteSpace: "nowrap" }}>{ref}</TableCell>
 
         <TableCell align="right" sx={{ px: 1, whiteSpace: "nowrap" }}>

src/shared/types/user.ts

@@ -141,6 +141,7 @@ export type IUserItem = {
   address: string;
   country: string;
   city: string;
+  ref:string;
   zipCode: string;
   company: string;
   avatarUrl: string;