Other permissions changed

resources/js/Pages/Cases/Partials/PaymentsDialog.vue

@@ -9,6 +9,7 @@ import { router } from "@inertiajs/vue3";
 const props = defineProps({
   show: { type: Boolean, default: false },
   contract: { type: Object, default: null },
+  edit: { type: Boolean, default: true },
 });
 
 const emit = defineEmits(["close"]);
@@ -114,7 +115,7 @@ watch(
                   <span v-if="p.reference" class="ml-2">Sklic: {{ p.reference }}</span>
                 </div>
               </div>
-              <div class="flex items-center gap-2">
+              <div class="flex items-center gap-2" v-if="edit">
                 <button
                   type="button"
                   class="inline-flex items-center gap-1 px-2 py-1 rounded text-red-700 hover:bg-red-50"