Better error handling

app/src/main/kotlin/views/ErrorView.kt

@@ -0,0 +1,34 @@
+package be.simplenotes.app.views
+
+import be.simplenotes.app.utils.StaticFileResolver
+import be.simplenotes.app.views.components.Alert
+import be.simplenotes.app.views.components.alert
+import kotlinx.html.FlowContent
+import kotlinx.html.a
+import kotlinx.html.div
+
+class ErrorView(staticFileResolver: StaticFileResolver) : View(staticFileResolver) {
+
+    enum class Type(val title: String) {
+        SqlTransientError("Database unavailable"),
+        NotFound("Not Found"),
+        Other("Error"),
+    }
+
+    fun error(errorType: Type) = renderPage(errorType.title, jwtPayload = null) {
+        div("container mx-auto p-4") {
+            when (errorType) {
+                Type.SqlTransientError -> alert(Alert.Warning,
+                    errorType.title,
+                    "Please try again later",
+                    multiline = true)
+                Type.NotFound -> alert(Alert.Warning, errorType.title, "Page not found", multiline = true)
+                Type.Other -> alert(Alert.Warning, errorType.title)
+            }
+            div {
+                a(href = "/", classes = "btn btn-green") { +"Go back to the homepage" }
+            }
+        }
+    }
+
+}

app/src/main/kotlin/views/components/Alerts.kt

@@ -2,7 +2,7 @@ package be.simplenotes.app.views.components
 
 import kotlinx.html.*
 
-fun FlowContent.alert(type: Alert, title: String, details: String? = null) {
+fun FlowContent.alert(type: Alert, title: String, details: String? = null, multiline: Boolean = false) {
     val colors = when (type) {
         Alert.Success -> "bg-green-500 border border-green-400 text-gray-800"
         Alert.Warning -> "bg-red-500 border border-red-400 text-red-200"
@@ -10,7 +10,10 @@ fun FlowContent.alert(type: Alert, title: String, details: String? = null) {
     div("$colors px-4 py-3 mb-4 rounded relative") {
         attributes["role"] = "alert"
         strong("font-bold") { +title }
-        details?.let { span("block sm:inline") { +details } }
+        details?.let {
+            if (multiline) p { +details }
+            else span("block sm:inline") { +details }
+        }
     }
 }