refactor(components): migrate from #[function_component] to #[component] for yew 0.22 compatibility

Author: FabLrc

src/components/app.rs

@@ -18,7 +18,7 @@ pub enum AnalysisState {
     Error(String),
 }
 
-#[function_component(App)]
+#[component(App)]
 pub fn app() -> Html {
     let state = use_state(|| AnalysisState::Idle);
     let token = use_state(|| Option::<String>::None);

src/components/footer.rs

@@ -1,6 +1,6 @@
 use yew::prelude::*;
 
-#[function_component(Footer)]
+#[component(Footer)]
 pub fn footer() -> Html {
     html! {
         <footer class="footer">

src/components/header.rs

@@ -1,6 +1,6 @@
 use yew::prelude::*;
 
-#[function_component(Header)]
+#[component(Header)]
 pub fn header() -> Html {
     html! {
         <header class="header">

src/components/results.rs

@@ -10,7 +10,7 @@ pub struct ResultsProps {
     pub on_reset: Callback<()>,
 }
 
-#[function_component(Results)]
+#[component(Results)]
 pub fn results(props: &ResultsProps) -> Html {
     let report = &props.report;
 
@@ -64,7 +64,7 @@ struct CategoryCardProps {
     category: CategoryScore,
 }
 
-#[function_component(CategoryCard)]
+#[component(CategoryCard)]
 fn category_card(props: &CategoryCardProps) -> Html {
     let cat = &props.category;
     let expanded = use_state(|| true);
@@ -128,7 +128,7 @@ struct CheckRowProps {
     result: CheckResult,
 }
 
-#[function_component(CheckRow)]
+#[component(CheckRow)]
 fn check_row(props: &CheckRowProps) -> Html {
     let r = &props.result;
     let show_detail = use_state(|| false);

src/components/score_gauge.rs

@@ -6,7 +6,7 @@ pub struct ScoreGaugeProps {
     pub total: u32,
 }
 
-#[function_component(ScoreGauge)]
+#[component(ScoreGauge)]
 pub fn score_gauge(props: &ScoreGaugeProps) -> Html {
     let percentage = if props.total > 0 {
         ((props.passed as f64 / props.total as f64) * 100.0).round() as u32

src/components/search_bar.rs

@@ -7,7 +7,7 @@ pub struct SearchBarProps {
     pub is_loading: bool,
 }
 
-#[function_component(SearchBar)]
+#[component(SearchBar)]
 pub fn search_bar(props: &SearchBarProps) -> Html {
     let url_ref = use_node_ref();
     let token_ref = use_node_ref();