1 files changed, 13 insertions, 9 deletions

diff --git a/ui/src/node_card.rs b/ui/src/node_card.rs
index cedb81e..b4481b7 100644
--- a/ui/src/node_card.rs
+++ b/ui/src/node_card.rs
@@ -5,25 +5,29 @@
 */
 
 use crate::{locale::Language, node_page::aspect_class, props::Props};
-use jellycommon::{Node, user::NodeUserData};
+use jellycommon::{
+    Node,
+    routes::{u_node_slug, u_node_slug_player, u_node_slug_poster},
+    user::NodeUserData,
+};
 
 markup::define! {
     NodeCard<'a>(node: &'a Node, udata: &'a NodeUserData, lang: &'a Language) {
         @let cls = format!("node card poster {}", aspect_class(node.kind));
         div[class=cls] {
             .poster {
-                a[href=uri!(r_library_node(&node.slug))] {
-                    img[src=uri!(r_item_poster(&node.slug, Some(1024))), loading="lazy"];
+                a[href=u_node_slug(&node.slug)] {
+                    img[src=u_node_slug_poster(&node.slug, 1024), loading="lazy"];
                 }
                 .cardhover.item {
                     @if node.media.is_some() {
-                        a.play.icon[href=&uri!(r_player(&node.slug, PlayerConfig::default()))] { "play_arrow" }
+                        a.play.icon[href=u_node_slug_player(&node.slug)] { "play_arrow" }
                     }
                     @Props { node, udata, full: false, lang }
                 }
             }
             div.title {
-                a[href=uri!(r_library_node(&node.slug))] {
+                a[href=u_node_slug(&node.slug)] {
                     @node.title
                 }
             }
@@ -37,17 +41,17 @@ markup::define! {
     NodeCardWide<'a>(node: &'a Node, udata: &'a NodeUserData, lang: &'a Language) {
         div[class="node card widecard poster"] {
             div[class=&format!("poster {}", aspect_class(node.kind))] {
-                a[href=uri!(r_library_node(&node.slug))] {
-                    img[src=uri!(r_item_poster(&node.slug, Some(1024))), loading="lazy"];
+                a[href=u_node_slug(&node.slug)] {
+                    img[src=u_node_slug_poster(&node.slug, 1024), loading="lazy"];
                 }
                 .cardhover.item {
                     @if node.media.is_some() {
-                        a.play.icon[href=&uri!(r_player(&node.slug, PlayerConfig::default()))] { "play_arrow" }
+                        a.play.icon[href=u_node_slug_player(&node.slug)] { "play_arrow" }
                     }
                 }
             }
             div.details {
-                a.title[href=uri!(r_library_node(&node.slug))] { @node.title }
+                a.title[href=u_node_slug(&node.slug)] { @node.title }
                 @Props { node, udata, full: false, lang }
                 span.overview { @node.description }
             }