Order hands when displayed in the webapp

1 files changed, 4 insertions, 2 deletions

diff --git a/webapp/src/components/hand.rs b/webapp/src/components/hand.rs
index 7d97ffd..abf9cb8 100644
--- a/webapp/src/components/hand.rs
+++ b/webapp/src/components/hand.rs
@@ -1,10 +1,12 @@
 use crate::components::card::Card;
-use protocol::card;
+use protocol::{card::{self, sort_cards, RankOrder}, bridge_engine::SUIT_DISPLAY_ORDER};
 use yew::prelude::*;
 
 #[function_component(Hand)]
 pub fn hand(props: &HandProps) -> Html {
-    let cards = props.cards.iter().map(|card| {
+    let mut cards = props.cards.clone();
+    sort_cards(&SUIT_DISPLAY_ORDER, RankOrder::Descending, &mut cards);
+    let cards = cards.iter().map(|card| {
         html! {
             <Card card={ card.clone() } onclick={ props.on_card_clicked.clone() } />
         }