resources/js/components/comunes/NavBar.vue

@@ -14,6 +14,13 @@
             <burger/>
         </div>
         <div class="navbar-menu" :class="{'is-active': burger_activa}">
+            <div class="navbar-start is-flex is-justify-content-center is-flex-grow-1">
+                <div v-if="mostrarAviso" class="is-flex is-align-items-center navbar-item">
+                    <span class="tag is-warning is-size-6">
+                        Monto superado
+                    </span>
+                </div>
+            </div>
             <div class="navbar-end">
                 <buscador v-if="pedidoDefinido"/>
                 <chismosa-dropdown v-if="pedidoDefinido"
@@ -43,8 +50,12 @@ export default {
     components: { Burger, Buscador, OllasNavBarBrand, AdminNavBarBrand, ComisionesNavBarBrand, PedidosNavBarBrand, ChismosaDropdown },
     computed: {
         ...mapGetters('pedido', ["pedidoDefinido"]),
+        ...mapGetters('ollas', ["montoSuperado"]),
         ...mapState('login', ["rol"]),
-        ...mapState('ui', ["burger_activa"])
+        ...mapState('ui', ["burger_activa"]),
+        mostrarAviso() {
+            return this.pedidoDefinido && this.rol === 'ollas' && this.montoSuperado;
+        }
     },
     methods: {
         logOut() {

resources/js/store/modules/ollas.js

@@ -27,6 +27,9 @@ const actions = {
 const getters = {
     montoTotal() {
         return state.monto_por_olla * state.cantidad_de_ollas;
+    },
+    montoSuperado: (state, getters, rootState) => {
+        return rootState.pedido.total > getters.montoTotal;
     }
 };