Fix double delete button on index view (#5)

README.md

@@ -21,7 +21,7 @@ composer require digital-creative/icon-action-toolbar
 
 ## Basic Usage
 
-All you need to do is append an `->icon()` to all your actions, it accepts either an icon name from heroicons v1 or inlined svg string.
+All you need to do is append an `->icon()` to all your actions, it accepts either an icon name from [heroicons](https://heroicons.com/) or inlined svg string.
 
 ```php
 class UserResource extends Resource
@@ -49,8 +49,8 @@ You can customize the icons by adding the following to your nova config file:
 'vendors' => [
     'icon_action_toolbar' => [
         'icons' => [
-            'replicate' => 'duplicate',
-            'preview' => 'document-search',
+            'replicate' => 'square-2-stack',
+            'preview' => 'viewfinder-circle',
             'impersonate' => 'finger-print',
             'delete_resource' => '<svg>...</svg>',
         ],

composer.json

@@ -15,7 +15,7 @@
     "license": "MIT",
     "require": {
         "php": ">=8.1",
-        "laravel/nova": "^4.0"
+        "laravel/nova": "^4.28.0"
     },
     "autoload": {
         "psr-4": {

config/nova.php

@@ -4,8 +4,8 @@
 
 return [
     'icons' => [
-        'replicate' => 'duplicate',
-        'preview' => 'document-search',
+        'replicate' => 'square-2-stack',
+        'preview' => 'viewfinder-circle',
         'impersonate' => 'finger-print',
         'delete_resource' => 'trash',
     ],

dist/js/tool.js.LICENSE.txt

@@ -1,7 +1,16 @@
+/*!
+ * The buffer module from node.js, for the browser.
+ *
+ * @author   Feross Aboukhadijeh <http://feross.org>
+ * @license  MIT
+ */
+
 /*!
  * vuex v4.1.0
  * (c) 2022 Evan You
  * @license MIT
  */
 
+/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
+
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

nova.mix.js

@@ -19,6 +19,7 @@ class NovaExtension {
         webpackConfig.resolve.alias = {
             ...(webpackConfig.resolve.alias || {}),
             'laravel-nova': path.join(__dirname, '../../vendor/laravel/nova/resources/js/mixins/packages.js'),
+            'laravel-nova-ui': path.join(__dirname, '../../vendor/laravel/nova/node_modules/laravel-nova-ui'),
             '@': path.resolve(__dirname, '../../vendor/laravel/nova/resources/js/'),
         }
 

package.json

@@ -6,12 +6,12 @@
         "nova:install": "npm --prefix='../../vendor/laravel/nova' ci"
     },
     "devDependencies": {
-        "@vue/compiler-sfc": "^3.3.6",
+        "@vue/compiler-sfc": "^3.3.7",
         "laravel-mix": "^6.0.41",
         "mix-tailwindcss": "^1.3.0",
         "sass": "^1.69.4",
         "sass-loader": "^13.3.2",
-        "tailwindcss": "^3.3.3",
+        "tailwindcss": "^3.3.5",
         "vue-loader": "^17.3.0"
     }
 }

resources/js/components/ActionDropdown.vue

@@ -154,7 +154,7 @@
 
             }
 
-            if (resource.authorizedToDelete && !resource.softDeleted) {
+            if (resource.authorizedToDelete && !resource.softDeleted && Nova.$router.page.component !== 'Nova.Index') {
 
                 actions.push({
                     name: __('Delete Resource'),

resources/js/components/ActionSelector.vue

@@ -2,7 +2,11 @@
 
     <div class="icon-action-toolbar w-full">
 
-        <IconActionToolbar :actions="actionsForSelect" @click="handleSelectionChange" :standalone="false"/>
+        <IconActionToolbar
+            :actions="actionsForSelect"
+            @click="handleSelectionChange"
+            :standalone="false"
+            parent-type="ActionSelector"/>
 
         <!-- Confirm Action Modal -->
         <component

resources/js/components/IconActionToolbar.vue

@@ -1,7 +1,7 @@
 <template>
 
     <div v-if="actions.length > 0"
-         :class="{ 'rounded': standalone, 'rounded-lg bg-gray-100 dark:bg-gray-700': !standalone }"
+         :class="{ 'rounded': standalone, 'rounded-lg bg-gray-700/5 dark:bg-gray-700': !standalone }"
          class="flex dark:focus:ring-gray-600 justify-evenly">
 
         <div v-for="{ iconActionToolbar, destructive, uriKey, name } of actions">
@@ -12,20 +12,21 @@
                 type="button"
                 @click.stop="() => $emit('click', uriKey)"
                 :class="{
+                    'dark:text-gray-400 dark:hover:text-primary-500': parentType === 'ActionSelector',
                     'h-9 w-9': !isDetailView && !standalone,
                     'hover:text-red-500': destructive && !isDetailView,
                     'hover:text-primary-500': !destructive && !isDetailView,
                     'rounded hover:bg-gray-200 dark:hover:bg-gray-800 focus:outline-none focus:ring px-3 hover:text-gray-400': standalone && isDetailView
                 }"
                 class="toolbar-button px-2 disabled:opacity-50 disabled:pointer-events-none">
 
-                <Icon v-if="typeof iconActionToolbar.icon !== 'string'" type="cube-transparent"/>
+                <Icon v-if="typeof iconActionToolbar.icon !== 'string'" name="cube-transparent"/>
 
                 <template v-else-if="iconActionToolbar.icon?.trim()?.startsWith('<svg')">
                     <div v-html="iconActionToolbar.icon"/>
                 </template>
 
-                <Icon v-else-if="iconActionToolbar.icon" :type="iconActionToolbar.icon"/>
+                <Icon v-else-if="iconActionToolbar.icon" :name="iconActionToolbar.icon"/>
 
                 <div class="ml-1" v-if="iconActionToolbar.label">
                     {{ iconActionToolbar.label }}
@@ -41,7 +42,10 @@
 
 <script>
 
+    import { Icon, Button } from 'laravel-nova-ui'
+
     export default {
+        components: { Icon, Button },
         emits: [ 'click' ],
         props: [ 'actions', 'standalone', 'parentType' ],
         computed: {