404: make page responsive and make partial system for it

src/templates/notfound.rs

@@ -1,10 +1,34 @@
+use std::sync::Arc;
+
 use askama::Template;
-use axum::response::{Html, IntoResponse};
+use axum::{
+    extract::State,
+    http::HeaderMap,
+    response::{Html, IntoResponse},
+};
+
+use crate::domain::AppState;
 
 #[derive(Template)]
 #[template(path = "notfound.html")]
-struct NotfoundTemplate;
-
-pub async fn notfound() -> impl IntoResponse {
-    Html(NotfoundTemplate.render().unwrap())
+struct NotfoundTemplate {
+    tracks: Vec<crate::domain::Track>,
+}
+
+#[derive(Template)]
+#[template(path = "partials/notfound.html")]
+struct NotfoundPartialTemplate;
+
+pub async fn notfound(headers: HeaderMap, state: State<Arc<AppState>>) -> impl IntoResponse {
+    if headers.contains_key("hx-request") {
+        Html(NotfoundPartialTemplate.render().unwrap())
+    } else {
+        Html(
+            NotfoundTemplate {
+                tracks: state.mp_tracks.clone(),
+            }
+            .render()
+            .unwrap(),
+        )
+    }
 }