🎨 Move DownArrowIcon to the new icons file

src/components/contacts_window/user_infos.rs

@@ -1,24 +1,12 @@
 use dioxus::prelude::*;
-use dioxus_free_icons::icons::md_navigation_icons::MdArrowDropDown;
-use dioxus_free_icons::Icon;
 use dioxus_std::utils::rw::UseRw;
 
 use crate::base::Store;
 use crate::components::avatar_selector::AvatarSelector;
+use crate::components::icons::DownArrowIcon;
 
 turf::style_sheet!("src/components/contacts_window/user_infos.scss");
 
-fn DownArrowIcon(cx: Scope) -> Element {
-    cx.render(rsx! {
-        style { STYLE_SHEET },
-
-        Icon {
-            class: ClassName::DOWN_ARROW_ICON,
-            icon: MdArrowDropDown,
-        }
-    })
-}
-
 static MESSAGE_PLACEHOLDER: &str = "<Enter a personal message>";
 
 #[inline_props]

src/components/contacts_window/user_infos.scss

@@ -61,11 +61,3 @@
         }
     }
 }
-
-.downArrowIcon {
-	color: transparent;
-
-    path:last-child {
-        fill: white;
-    }
-}

src/components/icons.rs

@@ -0,0 +1,16 @@
+use dioxus::prelude::*;
+use dioxus_free_icons::icons::md_navigation_icons::MdArrowDropDown;
+use dioxus_free_icons::Icon;
+
+turf::style_sheet!("src/components/icons.scss");
+
+pub fn DownArrowIcon(cx: Scope) -> Element {
+    cx.render(rsx! {
+        style { STYLE_SHEET },
+
+        Icon {
+            class: ClassName::DOWN_ARROW_ICON,
+            icon: MdArrowDropDown,
+        }
+    })
+}

src/components/icons.scss

@@ -0,0 +1,7 @@
+.down-arrow-icon {
+	color: transparent;
+
+    path:last-child {
+        fill: white;
+    }
+}

src/components/mod.rs

@@ -2,5 +2,6 @@ pub mod avatar_selector;
 pub mod chats_window;
 pub mod contacts_window;
 pub mod header;
+pub mod icons;
 pub mod login;
 pub mod main_window;