Resource Edits, and Errors Flash

app/Http/Controllers/ResourceEditsController.php

@@ -67,7 +67,7 @@ public function store(ComputerScienceResource $computerScienceResource, StoreRes
                 'data' => $validatedData,
             ]);
 
-            return redirect()->back()->withErrors(['error' => 'Failed to create resource edit. Please try again.']);
+            return redirect()->back()->with('error', 'Failed to create resource edit. Please try again.');
         }
     }
 
@@ -137,7 +137,7 @@ public function merge(ResourceEdits $resourceEdits)
                 'user_id' => Auth::id(),
             ]);
 
-            return redirect()->back()->withErrors(['error' => 'Failed to merge resource edits. Please try again.']);
+            return redirect()->back()->with('error', 'Failed to merge resource edits. Please try again.');
         }
     }
 }

app/Http/Middleware/HandleInertiaRequests.php

@@ -39,6 +39,7 @@ public function share(Request $request): array
             'flash' => [
                 'success' => $request->session()->get('success'),
                 'warning' => $request->session()->get('warning'),
+                'error' => $request->session()->get('error'),
             ],
             'config' => [
                 'COMMENT_MAX_DEPTH' => config('comment.max_depth'),

app/Models/ResourceEdits.php

@@ -60,7 +60,7 @@ public function sluggable(): array
     {
         return [
             'slug' => [
-                'source' => ['edit_title', 'id'],
+                'source' => ['edit_title'],
                 'unique' => true,
             ],
         ];

resources/js/Components/Navigation/BackButton.vue

@@ -18,6 +18,6 @@ const props = defineProps({
                 <slot />
             </div>
         </Link>
-        <div class="mt-2 border-t border-gray-200 dark:border-gray-700"></div>
+        <div class="my-2 border-t border-gray-200 dark:border-gray-700"></div>
     </div>
 </template>

resources/js/Components/ToastHandler.vue

@@ -28,6 +28,14 @@ watch(
                 detail: flash.warning,
                 life: TOAST_LIFETIME,
             });
+
+        } else if (flash.error) {
+            toast.add({
+                severity: "error",
+                summary: "Error",
+                detail: flash.error,
+                life: TOAST_LIFETIME,
+            });
         }
     },
     { deep: true },

resources/js/Pages/ResourceEdits/Create.vue

@@ -155,7 +155,9 @@ const submit = async () => {
                                     tab: 'edits',
                                 })
                             "
-                        />
+                        >
+                            <span class="my-auto">Back to {{ props.resource.name }}</span>
+                        </BackButton>
                         <FormSaverChip
                             :is-saved="isSavedToLocalStorage"
                             :has-content="hasFormContent"