Merge pull request #490 from nbolender/bugfix/fix-delete-button

Fix delete button
whitecube · Feb 21, 2024 · ddfb5b7 · ddfb5b7
2 parents 0f7bd39 + d51c0bf
commit ddfb5b7
Show file tree

Hide file tree

Showing 4 changed files with 424 additions and 10 deletions.
diff --git a/dist/js/field.js b/dist/js/field.js
diff --git a/package.json b/package.json
@@ -19,6 +19,7 @@
         "browser-sync-webpack-plugin": "^2.3.0",
         "form-backend-validation": "^2.4.0",
         "laravel-mix": "^6.0.41",
+        "laravel-nova-ui": "^0.4.0",
         "lodash": "^4.17.21",
         "postcss": "^8.3.11",
         "resolve-url-loader": "^5.0.0",

diff --git a/resources/js/components/DeleteGroupModal.vue b/resources/js/components/DeleteGroupModal.vue
@@ -28,23 +28,29 @@
             {{ no }}
           </link-button>
 
-          <danger-button
-            ref="confirmButton"
-            dusk="confirm-delete-button"
-            :processing="working"
-            :disabled="working"
-            type="submit"
-          >
-            {{ yes }}
-          </danger-button>
+          <Button
+              type="submit"
+              ref="confirmButton"
+              dusk="confirm-delete-button"
+              :loading="working"
+              :disabled="working"
+              state="danger"
+              :label="yes"
+          />
         </div>
       </ModalFooter>
     </form>
     </Modal>
 </template>
 
 <script>
+import { Button } from 'laravel-nova-ui'
+
 export default {
+    components: {
+        Button,
+    },
+
     props: ['message', 'yes', 'no'],
 
     emits: ['close', 'confirm'],