diff --git a/src/app/components/pedidos-salientes/pedidos-salientes.component.html b/src/app/components/pedidos-salientes/pedidos-salientes.component.html
index 625c467..67681cd 100644
--- a/src/app/components/pedidos-salientes/pedidos-salientes.component.html
+++ b/src/app/components/pedidos-salientes/pedidos-salientes.component.html
@@ -1,7 +1,16 @@
-<div class="bg-primary-gradient">
-  <div class="row">
-    <div class="mx-auto my-5">
-      <h1>Su pedido ya esta listo.</h1>
+<div class="bg-primary-gradient vh-100">
+  <div class="d-flex justify-content-center">
+    <div class="row my-5 text-white text-center">
+      <h1 class="col-12">Su pedido ya esta listo.</h1>
+      <h2 class="col-12 mt-3">Nº de Pedido</h2>
+
+      <h1 *ngIf="pedidosRecientes.length" class="col-12 border rounded">
+        {{rellenar(pedidosRecientes[0].id, 2)}}
+      </h1>
+
+      <h2 *ngFor="let pedido of pedidosRecientes; let i = index" [hidden]="i == 0" class="col-4 border rounded mx-1">
+        {{rellenar(pedido.id, 2)}}
+      </h2>
     </div>
   </div>
 </div>
diff --git a/src/app/components/pedidos-salientes/pedidos-salientes.component.ts b/src/app/components/pedidos-salientes/pedidos-salientes.component.ts
index 93ad2f6..cc7fa3b 100644
--- a/src/app/components/pedidos-salientes/pedidos-salientes.component.ts
+++ b/src/app/components/pedidos-salientes/pedidos-salientes.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { ComandaService } from 'src/app/services/comanda.service';
 
 @Component({
   selector: 'app-pedidos-salientes',
@@ -7,9 +8,39 @@ import { Component, OnInit } from '@angular/core';
 })
 export class PedidosSalientesComponent implements OnInit {
 
-  constructor() { }
+  private pedidosRecientes = [];
+  private ciclo;
+
+  constructor(private comandaService: ComandaService) { }
 
   ngOnInit() {
+    this.buscar();
+
+    this.ciclo = setTimeout(() => {
+      this.buscar();
+    }, 5000)
+  }
+
+  ngOnDestroy() {
+
+    clearTimeout(this.ciclo);
   }
 
+  buscar() {
+
+    this.comandaService
+    .getPendientesEntrega()
+    .subscribe((pedidos: []) => {
+
+      this.pedidosRecientes = pedidos;
+    }, console.log);
+  }
+
+  rellenar(relleno, longitud) {
+    relleno = '' + relleno;
+    while (relleno.length < longitud) {
+        relleno = '0' + relleno;
+    }
+    return relleno;
+  }
 }
diff --git a/src/app/services/comanda.service.ts b/src/app/services/comanda.service.ts
index f26f780..d18510a 100644
--- a/src/app/services/comanda.service.ts
+++ b/src/app/services/comanda.service.ts
@@ -21,4 +21,8 @@ export class ComandaService {
 
     return this.http.get(`${this.apiUrl}/comandas/update/${id}/${estado}/${observacion}`);
   }
+
+  getPendientesEntrega() {
+    return this.http.get(`${this.apiUrl}/comandas/pendientes-entrega`);
+  }
 }