Change reject suggestion behavior to htmx replace #1669

handlers/candidaterecords/candidate_records.go

@@ -94,10 +94,19 @@ func RejectCandidateRecord(w http.ResponseWriter, r *http.Request) {
 	f := flash.SimpleFlash().
 		WithLevel("success").
 		WithBody("<p>Candidate record was successfully deleted.</p>")
+	c.Flash = append(c.Flash, *f)
 
-	c.PersistFlash(w, *f)
+	rec, err = c.Repo.GetCandidateRecord(r.Context(), rec.ID)
+	if err != nil {
+		c.HandleError(w, r, err)
+		return
+	}
 
-	w.Header().Set("HX-Redirect", c.URLTo("candidate_records").String())
+	views.Cat(
+		candidaterecordviews.ListItem(c, rec),
+		views.CloseModal(),
+		views.Replace("#flash-messages", views.FlashMessages(c)),
+	).Render(r.Context(), w)
 }
 
 func ImportCandidateRecord(w http.ResponseWriter, r *http.Request) {

views/candidaterecord/confirm_hide.templ

@@ -1,6 +1,7 @@
 package candidaterecordviews
 
 import (
+	"fmt"
 	"github.com/ugent-library/biblio-backoffice/ctx"
 	"github.com/ugent-library/biblio-backoffice/models"
 )
@@ -27,7 +28,8 @@ templ ConfirmHide(c *ctx.Ctx, rec *models.CandidateRecord) {
 						<button
 							class="btn btn-danger"
 							hx-put={ c.PathTo("reject_candidate_record", "id", rec.ID).String() }
-							hx-swap="none"
+							hx-target={ fmt.Sprintf("#candidate-record-%s", rec.ID) }
+							hx-swap="outerHTML"
 						>Yes, reject suggestion</button>
 					</div>
 				</div>

views/replace.templ

@@ -9,14 +9,14 @@ templ Replace(selector string, component templ.Component) {
 }
 
 templ ReplaceModal(component templ.Component) {
-	<div hx-swap-oob="innerHTML:#modal">
-		@component
-	</div>
+	@Replace("#modal", component)
 }
 
-templ CloseModalAndReplace(selector string, component templ.Component) {
+templ CloseModal() {
 	<div hx-swap-oob="innerHTML:#modals"></div>
-	<div hx-swap-oob={ fmt.Sprintf("innerHTML:%s", selector) }>
-		@component
-	</div>
+}
+
+templ CloseModalAndReplace(selector string, component templ.Component) {
+	@CloseModal()
+	@Replace(selector, component)
 }