diff --git a/frontend/src/app/app.component.html b/frontend/src/app/app.component.html
index 9f601f6..0b464c8 100644
--- a/frontend/src/app/app.component.html
+++ b/frontend/src/app/app.component.html
@@ -5,6 +5,8 @@
     <div class="list-group list-group-flush" >
       <a class="list-group-item list-group-item-action list-group-item-light p-3" routerLinkActive="active" routerLink="agregar.res">Restaurantes</a>
       <a class="list-group-item list-group-item-action list-group-item-light p-3" routerLinkActive="active" routerLink="agregar.usu">Usuarios</a>
+      <a class="list-group-item list-group-item-action list-group-item-light p-3" routerLinkActive="active" routerLink="mesaRers">mesas</a>
+      <a class="list-group-item list-group-item-action list-group-item-light p-3" routerLinkActive="active" routerLink="sectoresRes">Sectores</a>
 
 
     </div>
diff --git a/frontend/src/app/components/modal-usuario/modal-usuario.component.html b/frontend/src/app/components/modal-usuario/modal-usuario.component.html
index 5ecfb3b..0b75464 100644
--- a/frontend/src/app/components/modal-usuario/modal-usuario.component.html
+++ b/frontend/src/app/components/modal-usuario/modal-usuario.component.html
@@ -15,8 +15,8 @@
             <input type="email" class="form-control" id="email" aria-describedby="emailHelp"  [(ngModel)]="agreU.email" placeholder="email">
           </div>
           <div class="form-group">
-            <label for="NombredeUsuarios">email</label>
-            <input type="text" class="form-control" id="NombredeUsuarios" [(ngModel)]="agreU.username" placeholder="Nombrede Usuarios" >
+            <label for="NombredeUsuarios">Nombre de Usuarios</label>
+            <input type="text" class="form-control" id="NombredeUsuarios" [(ngModel)]="agreU.username" placeholder="Nombre de Usuarios" >
           </div>
           <div class="form-group">
             <label for="contraseña">contraseña</label>
@@ -27,7 +27,7 @@
             <input type="text" class="form-control" id="roles" [(ngModel)]="agreU.roles" placeholder="roles">
           </div>
           <div class="form-group">
-            <label for="restaurantes">email</label>
+            <label for="restaurantes">restaurantes</label>
             <input type="text" class="form-control" id="restaurantes" [(ngModel)]="agreU.restaurant" placeholder="restaurantes">
           </div>
           <div class="modal-footer">
diff --git a/frontend/src/app/components/modal-usuario/modal-usuario.component.ts b/frontend/src/app/components/modal-usuario/modal-usuario.component.ts
index f8ec753..3f6dfc5 100644
--- a/frontend/src/app/components/modal-usuario/modal-usuario.component.ts
+++ b/frontend/src/app/components/modal-usuario/modal-usuario.component.ts
@@ -19,7 +19,7 @@ export class ModalUsuarioComponent implements OnInit {
     email:null,
     username:null,
     password:null,
-    roles:['admines'],
+    roles:['admin'],
     restaurant:null
   }
   modi={
diff --git a/frontend/src/app/components/sectores/sectores.component.html b/frontend/src/app/components/sectores/sectores.component.html
index 3e86751..e862267 100644
--- a/frontend/src/app/components/sectores/sectores.component.html
+++ b/frontend/src/app/components/sectores/sectores.component.html
@@ -1,61 +1,21 @@
-<table class="table table-bordered table-hover">
-  <thead>
-  <tr>
-    <th scope="col">#</th>
-    <th scope="col">First</th>
-    <th scope="col">Last</th>
-    <th scope="col">Handle</th>
-  </tr>
-  </thead>
-  <tbody>
-  <tr data-bs-toggle="modal" data-bs-target="#AgregarSectores">
-    <th scope="row">1</th>
-    <td>Mark</td>
-    <td>Otto</td>
-    <td>@mdo</td>
-  </tr>
-  <tr>
-    <th scope="row">2</th>
-    <td>Jacob</td>
-    <td>Thornton</td>
-    <td>@fat</td>
-  </tr>
-  <tr>
-    <th scope="row">3</th>
-    <td>Larry</td>
-    <td>the Bird</td>
-    <td>@twitter</td>
-  </tr>
-  </tbody>
-</table>
-
-
-
 
 <pre *ngIf="dato">
 <code>{{dato | json}}</code>
 
+
   </pre>
 
-
-
-
-
-
-
-
-
-<table class="table table-bordered table-hover" *ngIf="usuarios" border="2">
+<table class="table table-bordered table-hover" *ngIf="dato" border="2">
   <thead >
   <tr>
-    <td scope="col">id</td><td scope="col">nombre</td><td scope="col">roles</td>
+    <td scope="col">id</td><td scope="col">nombre</td>
   </tr>
   </thead>
   <tbody>
-  <tr *ngFor="let r of usuarios.data" data-bs-toggle="modal" data-bs-target="#ModificarUsuarios">
-    <td>{{r.id}}</td>
-    <td>{{r.nombre}}</td>
-    <td> <span *ngFor="let f of r.roles" class="badge  badge-success spam_magin">{{f}}</span>   </td>
+  <tr *ngIf="dato">
+    <td>{{dato}}</td>
+    <td>{{dato.nombre | json}}</td>
+
   </tr>
   </tbody>