From 15fdf2239d1b1e42ff183c1785ff66809988b17b Mon Sep 17 00:00:00 2001
From: lucia <51058748+lucia-gomez@users.noreply.github.com>
Date: Sun, 29 Sep 2024 20:54:58 -0400
Subject: [PATCH] sort settings user tables by email

#391
---
 .../src/client/routes/components/EmailListTable.tsx      | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/booking-app/components/src/client/routes/components/EmailListTable.tsx b/booking-app/components/src/client/routes/components/EmailListTable.tsx
index 3b928d89..32476dd7 100644
--- a/booking-app/components/src/client/routes/components/EmailListTable.tsx
+++ b/booking-app/components/src/client/routes/components/EmailListTable.tsx
@@ -1,8 +1,8 @@
-import React, { useMemo } from 'react';
+import React, { useMemo } from "react";
 
-import AddEmail from './AddEmail';
-import ListTable from './ListTable';
-import { TableNames } from '../../../policy';
+import AddEmail from "./AddEmail";
+import ListTable from "./ListTable";
+import { TableNames } from "../../../policy";
 
 interface EmailField {
   email: string;
@@ -18,6 +18,7 @@ interface Props<T extends EmailField> {
 
 export default function EmailListTable<T extends EmailField>(props: Props<T>) {
   const addEmail = useMemo(() => <AddEmail {...props} />, [props]);
+  props.userList.sort((a, b) => a.email.localeCompare(b.email));
 
   return (
     <ListTable