From d362ca2af47037a9c2479759a2c18234732ee8b1 Mon Sep 17 00:00:00 2001
From: Jelle van Snik <jellevs@gmail.com>
Date: Fri, 18 Feb 2022 14:55:22 +0100
Subject: [PATCH] some small error boundary updates

---
 README.md                               | 1 +
 src/components/layout/ErrorBoundary.tsx | 5 ++---
 src/views/SearchView.tsx                | 1 -
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 98c11808..02ecc370 100644
--- a/README.md
+++ b/README.md
@@ -45,3 +45,4 @@ Check out [this project's issues](https://github.com/JamesHawkinss/movie-web/iss
 - [x] Better looking error boundary
 - [ ] sort search results so they aren't sorted by provider
 - [ ] Get rid of react warnings
+- [ ] Link Github and Discord in error boundary
diff --git a/src/components/layout/ErrorBoundary.tsx b/src/components/layout/ErrorBoundary.tsx
index fcb386d0..c79205bb 100644
--- a/src/components/layout/ErrorBoundary.tsx
+++ b/src/components/layout/ErrorBoundary.tsx
@@ -42,7 +42,6 @@ export class ErrorBoundary extends Component<{}, ErrorBoundaryState> {
   render() {
     if (!this.state.hasError) return this.props.children;
 
-    // TODO make pretty
     return (
       <div className="flex min-h-screen w-full flex-col items-center justify-center px-4 py-12">
         <div className="flex flex-col items-center justify-start text-center">
@@ -54,8 +53,8 @@ export class ErrorBoundary extends Component<{}, ErrorBoundaryState> {
           </p>
         </div>
         {this.state.error ? (
-          <div className="bg-denim-300 mt-12 max-w-4xl rounded px-6 py-4">
-            <p className="mb-2 break-words font-bold text-white">
+          <div className="bg-denim-300 w-4xl mt-12 max-w-full rounded px-6 py-4">
+            <p className="mb-1 break-words font-bold text-white">
               {this.state.error.name} - {this.state.error.description}
             </p>
             <p className="break-words">{this.state.error.path}</p>
diff --git a/src/views/SearchView.tsx b/src/views/SearchView.tsx
index 8d345c1f..3c75e594 100644
--- a/src/views/SearchView.tsx
+++ b/src/views/SearchView.tsx
@@ -19,7 +19,6 @@ import { useLoading } from "hooks/useLoading";
 import { IconPatch } from "components/Buttons/IconPatch";
 
 function SearchLoading() {
-  throw new Error("testing");
   return <Loading className="my-12" text="Fetching your favourite shows..." />;
 }