diff --git a/resources/js/components/admin/TablaPedidos.vue b/resources/js/components/admin/TablaPedidos.vue
index 55bbf5a..c2ac757 100644
--- a/resources/js/components/admin/TablaPedidos.vue
+++ b/resources/js/components/admin/TablaPedidos.vue
@@ -18,71 +18,25 @@
             />
         </tbody>
         </table>
-        <table class="table is-striped is-bordered">
-            <tr>
-                <th colspan="2" class="has-background-black has-text-white has-text-centered">TOTALES</th>
-            </tr>
-            <tr>
-                <th>Total a recaudar:</th>
-                <td class="has-text-right">$ {{ devoluciones_habilitadas ? total_a_recaudar : total_sin_devoluciones }}</td>
-            </tr>
-            <tr>
-                <th>Total bonos barriales:</th>
-                <td class="has-text-right">$ {{ total_barrial }}</td>
-            </tr>
-            <tr v-if="devoluciones_habilitadas">
-                <th>Total devoluciones:</th>
-                <td class="has-text-right">- $ {{ total_devoluciones }}</td>
-            </tr>
-            <tr>
-                <th>Cantidad bonos de transporte:</th>
-                <td class="has-text-right">{{ cantidad_transporte }}</td>
-            </tr>
-            <tr>
-                <th>Total bonos de transporte:</th>
-                <td class="has-text-right">$ {{ total_transporte }}</td>
-            </tr>
-            <tr>
-                <th>Total de pedido:</th>
-                <td class="has-text-right">$ {{ total_de_pedido }}</td>
-            </tr>
-            <tr>
-                <th>{{ texto_saldo }}</th>
-                <td class="has-text-right"> $ {{ saldo }}</td>
-            </tr>
-            <tr>
-                <th>Total a transferir:</th>
-                <td class="has-text-right">$ {{ total_a_transferir }}</td>
-            </tr>
-        </table>
+        <tabla-totales/>
     </div>
 </template>
 
 <script>
 import FilaPedido from "./FilaPedido.vue";
 import { mapGetters, mapState } from "vuex";
+import TablaTotales from "./TablaTotales.vue";
 export default {
     components: {
+        TablaTotales,
         FilaPedido
     },
     computed: {
         ...mapState('admin', [
             "devoluciones_habilitadas",
             "pedidos",
-            "total_a_recaudar",
-            "total_sin_devoluciones",
-            "total_barrial",
-            "total_devoluciones",
-            "cantidad_transporte",
-            "total_transporte",
-            "total_de_pedido",
-            "total_a_transferir",
-            "saldo",
         ]),
         ...mapGetters('admin', ['pedidosAprobados']),
-        texto_saldo() {
-            return this.saldo < 0 ? "Deuda:" : "Saldo a favor:";
-        }
     },
 }
 </script>
diff --git a/resources/js/components/admin/TablaTotales.vue b/resources/js/components/admin/TablaTotales.vue
new file mode 100644
index 0000000..49e3836
--- /dev/null
+++ b/resources/js/components/admin/TablaTotales.vue
@@ -0,0 +1,69 @@
+<script>
+import { mapGetters, mapState } from "vuex";
+
+export default {
+    name: 'TablaTotales',
+    computed: {
+        ...mapState('admin', [
+            "devoluciones_habilitadas",
+            "total_a_recaudar",
+            "total_sin_devoluciones",
+            "total_barrial",
+            "total_devoluciones",
+            "cantidad_transporte",
+            "total_transporte",
+            "total_de_pedido",
+            "total_a_transferir",
+            "saldo",
+        ]),
+        ...mapGetters('admin', ['pedidosAprobados']),
+        texto_saldo() {
+            return this.saldo < 0 ? "Deuda:" : "Saldo a favor:";
+        }
+    }
+}
+</script>
+
+<template>
+    <table class="table is-striped is-bordered">
+        <tr>
+            <th colspan="2" class="has-background-black has-text-white has-text-centered">TOTALES</th>
+        </tr>
+        <tr>
+            <th>Total a recaudar:</th>
+            <td class="has-text-right">$ {{ devoluciones_habilitadas ? total_a_recaudar : total_sin_devoluciones }}</td>
+        </tr>
+        <tr>
+            <th>Total bonos barriales:</th>
+            <td class="has-text-right">$ {{ total_barrial }}</td>
+        </tr>
+        <tr v-if="devoluciones_habilitadas">
+            <th>Total devoluciones:</th>
+            <td class="has-text-right">- $ {{ total_devoluciones }}</td>
+        </tr>
+        <tr>
+            <th>Cantidad bonos de transporte:</th>
+            <td class="has-text-right">{{ cantidad_transporte }}</td>
+        </tr>
+        <tr>
+            <th>Total bonos de transporte:</th>
+            <td class="has-text-right">$ {{ total_transporte }}</td>
+        </tr>
+        <tr>
+            <th>Total de pedido:</th>
+            <td class="has-text-right">$ {{ total_de_pedido }}</td>
+        </tr>
+        <tr>
+            <th>{{ texto_saldo }}</th>
+            <td class="has-text-right"> $ {{ saldo }}</td>
+        </tr>
+        <tr>
+            <th>Total a transferir:</th>
+            <td class="has-text-right">$ {{ total_a_transferir }}</td>
+        </tr>
+    </table>
+</template>
+
+<style>
+
+</style>