From 1ee55049225890dd0446443f7ebdfc5cd1a44d34 Mon Sep 17 00:00:00 2001
From: Christiaan Bloemendaal <github@tnrd.net>
Date: Tue, 2 Jan 2024 11:21:45 +0100
Subject: [PATCH] fix(frontend): invalid characters in modal

---
 src/Mangarr.Frontend/Pages/Manga/Link/AddModal.razor          | 2 +-
 src/Mangarr.Frontend/Pages/Manga/Link/ContentSourceItem.razor | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Mangarr.Frontend/Pages/Manga/Link/AddModal.razor b/src/Mangarr.Frontend/Pages/Manga/Link/AddModal.razor
index 78111e3..991b55c 100644
--- a/src/Mangarr.Frontend/Pages/Manga/Link/AddModal.razor
+++ b/src/Mangarr.Frontend/Pages/Manga/Link/AddModal.razor
@@ -1,4 +1,4 @@
-<div class="modal fade" id="add-manga-modal-@MangaId.Replace("=", string.Empty)" tabindex="-1">
+<div class="modal fade" id="add-manga-modal-@MangaId.Replace("=", string.Empty).Replace("/", string.Empty)" tabindex="-1">
     <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header">
diff --git a/src/Mangarr.Frontend/Pages/Manga/Link/ContentSourceItem.razor b/src/Mangarr.Frontend/Pages/Manga/Link/ContentSourceItem.razor
index f0b8be1..441560c 100644
--- a/src/Mangarr.Frontend/Pages/Manga/Link/ContentSourceItem.razor
+++ b/src/Mangarr.Frontend/Pages/Manga/Link/ContentSourceItem.razor
@@ -1,7 +1,7 @@
 <div class="d-flex flex-column card p-2 me-2 content-source-item">
     <img class="content-source-item-cover" src="@CoverImage" alt="cover" referrerpolicy="no-referrer">
     <p class="text-truncate">@Title</p>
-    <button class="btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#add-manga-modal-@MangaId.Replace("=", string.Empty)">Select</button>
+    <button class="btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#add-manga-modal-@MangaId.Replace("=", string.Empty).Replace("/", string.Empty)">Select</button>
 </div>
 
 <AddModal Id="@Id" Identifier="@Identifier" MangaId="@MangaId"/>