diff --git a/public/js/pages/WarehouseShippingNote/WarehouseShippingNote.js b/public/js/pages/WarehouseShippingNote/WarehouseShippingNote.js
index 2c46ae6ec..40cac2505 100644
--- a/public/js/pages/WarehouseShippingNote/WarehouseShippingNote.js
+++ b/public/js/pages/WarehouseShippingNote/WarehouseShippingNote.js
@@ -369,7 +369,14 @@ Vue.component('warehouse-shipping-note', {
     //language=Vue
     template: `
                 <tt-card>
-                  <warehouse-shipping-note-see-through @close="shippingNoteSeeThrough = false" v-if="shippingNoteSeeThrough !== false" :wanted-state="shippingNoteSeeThrough"/>
+                  <warehouse-shipping-note-see-through @close="shippingNoteSeeThrough = false" v-if="shippingNoteSeeThrough !== false" :wanted-state="shippingNoteSeeThrough"
+                  @status_to_progress="changeStatus($event.id, 'in_progress')"
+                    @status_to_new="changeStatus($event.id, 'new')"
+                    @status_to_on_hold="changeStatus($event.id, 'on_hold')"
+                    @status_to_cancelled="changeStatus($event.id, 'cancelled')"
+                    @status_to_invoiced="changeStatus($event.id, 'invoiced')"
+                    @status_to_accepted="changeStatus($event.id, 'accepted')"/>
+                    />
                   <warehouse-shipping-note-modal v-if="shippingNoteModalId" :id="shippingNoteModalId"
                                                  @close="shippingNoteModalId = null;$refs.table.$refs.table.refreshTable()"
                                                  @open-signing-modal="signingShippingNoteId = $event"/>