From d41c72fabea16b8ec7c24f231362a8080afcbf45 Mon Sep 17 00:00:00 2001
From: Nick Barnard <55743033+barnardnicholas@users.noreply.github.com>
Date: Tue, 26 Sep 2023 19:36:53 -0400
Subject: [PATCH 1/2] Solve MimeType error
Encountered blank screen with this error on Chrome & Firefox:
```
The stylesheet https://rcmp-db-missing-persons.netlify.app/missing-persons/assets/index-f817a89d.css was not loaded because its MIME type, "text/html", is not "text/css".
```
Error did not happen when I ran the project locally.
May be caused by leading forward slash in script tag in index.html. Changed path from "/src/main.tsx" to "src/main.tsx". Didn't break the app locally and might work for the hosted version?
---
missing-persons-viewer-vite/index.html | 22 ++++++++++------------
1 file changed, 10 insertions(+), 12 deletions(-)
diff --git a/missing-persons-viewer-vite/index.html b/missing-persons-viewer-vite/index.html
index cbf41267..64d0f4b3 100644
--- a/missing-persons-viewer-vite/index.html
+++ b/missing-persons-viewer-vite/index.html
@@ -1,16 +1,14 @@
+
+
+
+
+ RCMP Missing Persons Database Tool
+
-
-
-
-
- RCMP Missing Persons Database Tool
-
-
-
-
-
-
-
+
+
+
+
From 3c6579499151d7729051fb1becc45f1be72f2998 Mon Sep 17 00:00:00 2001
From: Nick Barnard <55743033+barnardnicholas@users.noreply.github.com>
Date: Tue, 26 Sep 2023 19:39:49 -0400
Subject: [PATCH 2/2] Fix React props error
---
.../src/App/pages/MissingPersons/MissingPersons.tsx | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/missing-persons-viewer-vite/src/App/pages/MissingPersons/MissingPersons.tsx b/missing-persons-viewer-vite/src/App/pages/MissingPersons/MissingPersons.tsx
index 2f225f33..19ab00aa 100644
--- a/missing-persons-viewer-vite/src/App/pages/MissingPersons/MissingPersons.tsx
+++ b/missing-persons-viewer-vite/src/App/pages/MissingPersons/MissingPersons.tsx
@@ -38,7 +38,7 @@ export const MissingPersons = ({
name="showOnlyMatching"
id="showOnlyMatching"
checked={searchParams.get('showOnlyMatching') === 'true'}
- onClick={() => {
+ onChange={() => {
setSearchParams((previous) => {
const previousEntries = Object.fromEntries(previous);
const showOnlyMatching =