feat(dioxus): Stable point, todo change from list to using by category string

src/components/techs.rs

@@ -4,8 +4,8 @@ use dioxus::prelude::*;
 const TECHS_CSS: Asset = asset!("/assets/styling/techs.css");
 
 #[component]
-pub fn TechCard(tech_props: &'static str, high_skill: bool, low_skill: bool) -> Element {
+pub fn TechCard(tech_props: &'static str) -> Element {
-    let props_tech = tech_table_lookup(tech_props, high_skill, low_skill);
+    let props_tech = tech_table_lookup(tech_props);
 
     rsx! {
         a { class: "tech-card", href: "{props_tech.project_site}",
@@ -26,8 +26,6 @@ pub fn TechCat(cat: &'static str, tech_vec: Vec<&'static str>) -> Element {
                 for tech in tech_vec {
                     TechCard {
                         tech_props: tech,
-                        high_skill: true,
-                        low_skill: false,
                     }
                 }
             }

src/helper_fun.rs

@@ -1,9 +1,9 @@
 use dioxus::prelude::*;
-use std::collections::HashMap;
+use std::{collections::HashMap, rc::Rc};
 
 #[component]
 pub fn get_tech_logos_from_str(used_tech: &'static str) -> Element {
-    let raw_data: TechDes = tech_table_lookup(used_tech, false, false);
+    let raw_data: TechDes = *tech_table_lookup(used_tech);
     rsx! {
         img { src: "{raw_data.tech_logo}", alt: "{used_tech}'s logo/icon" }
     }
@@ -25,208 +25,194 @@ pub struct ProjectDes {
     project_des: &'static str,
 }
 
-pub fn tech_table_lookup(to_lookup: &str, high_skill: bool, low_skill: bool) -> TechDes {
+pub fn tech_table_lookup(to_lookup: &str) -> Rc<TechDes> {
-    let techs_tools_frameworks_lookup = techs_tools_frameworks_lookup_create();
+    let techs_tools_frameworks_lookup: Rc<HashMap<&'static str, TechDes>> = HashMap::from([
-    if !high_skill && !low_skill {
+        (
-        return techs_tools_frameworks_lookup[to_lookup];
-    } else {
-        return TechDes {
-            tech_logo: "https://www.svgrepo.com/show/374056/rust.svg",
-            project_site: "https://www.rust-lang.org",
-            skill_level: 60,
-        };
-    }
-}
-
-pub fn techs_tools_frameworks_lookup_create() -> HashMap<&'static str, TechDes> {
-    let mut techs_tools_frameworks_lookup = HashMap::new();
-    {
-        techs_tools_frameworks_lookup.insert(
             "Rust",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/374056/rust.svg",
                 project_site: "https://www.rust-lang.org",
                 skill_level: 60,
             },
-        );
+        ),
 
-        techs_tools_frameworks_lookup.insert(
+        (
             "Python",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/452091/python.svg",
                 project_site: "https://www.python.org",
                 skill_level: 50,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "JavaScript",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/303206/javascript-logo.svg",
                 project_site: "https://www.python.org",
                 skill_level: 60,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "YAML",
             TechDes {
                 tech_logo: "https://yaml.org/favicon.svg",
                 project_site: "https://yaml.org",
                 skill_level: 95,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "C",
             TechDes {
                 tech_logo: "https://www.c-language.org/logo.svg",
                 project_site: "https://www.c-language.org",
-                skill_level: 30,
+                skill_level: 49,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "C++",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/452183/cpp.svg",
                 project_site: "https://cplusplus.com",
-                skill_level: 30,
+                skill_level: 49,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Github",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/512317/github-142.svg",
                 project_site: "https://github.com/darkicewolf50",
                 skill_level: 80,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Email",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/491226/email.svg",
                 project_site: "mailto:darkicewolf50@gmail.com",
                 skill_level: 100,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "LinkedIn",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/521725/linkedin.svg",
                 project_site: "https://www.linkedin.com/in/brock-tomlinson/",
                 skill_level: 40,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Twitch",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/519925/twitch.svg",
                 project_site: "https://www.twitch.tv/darkicewolf50",
                 skill_level: 60,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Youtube",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/521936/youtube.svg",
                 project_site: "https://www.youtube.com/@darkicewolf50",
                 skill_level: 40,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Internet",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/490809/internet.svg",
                 project_site: "https://google.com",
                 skill_level: 99,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "React",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/452092/react.svg",
                 project_site: "https://react.dev",
                 skill_level: 70,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Docker",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/448221/docker.svg",
                 project_site: "https://www.docker.com",
                 skill_level: 70,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "FastAPI",
             TechDes {
                 tech_logo: "https://fastapi.tiangolo.com/img/favicon.png",
                 project_site: "https://fastapi.tiangolo.com",
                 skill_level: 80,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Actix",
             TechDes {
                 tech_logo: "https://actix.rs/img/logo.png",
                 project_site: "https://actix.rs",
                 skill_level: 20,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "HTML5",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/452228/html-5.svg",
                 project_site: "https://google.com",
                 skill_level: 90,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "CSS",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/452185/css-3.svg",
                 project_site: "https://google.com",
                 skill_level: 65,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Git",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/452210/git.svg",
                 project_site: "https://git-scm.com",
                 skill_level: 55,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Github Actions",
             TechDes {
                 tech_logo: "https://cdn.simpleicons.org/githubactions/2088FF",
                 project_site: "https://github.com/",
                 skill_level: 50,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Vs Code",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/452129/vs-code.svg",
                 project_site: "https://code.visualstudio.com",
                 skill_level: 60,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Gitea",
             TechDes {
                 tech_logo: "https://about.gitea.com/gitea.png",
                 project_site: "https://about.gitea.com",
                 skill_level: 85,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "AWS",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/448266/aws.svg",
                 project_site: "https://aws.amazon.com",
                 skill_level: 30,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Firefox",
             TechDes {
                 tech_logo:
@@ -234,55 +220,55 @@ pub fn techs_tools_frameworks_lookup_create() -> HashMap<&'static str, TechDes>
                 project_site: "https://www.mozilla.org/en-CA/firefox/developer/",
                 skill_level: 80,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Markdown",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/510065/markdown.svg",
                 project_site: "https://www.markdownguide.org",
                 skill_level: 90,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Prettier",
             TechDes {
                 tech_logo: "https://prettier.io/icon.png",
                 project_site: "https://prettier.io",
                 skill_level: 90,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "DynamoDB",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/473526/amazondynamodb.svg",
                 project_site: "https://aws.amazon.com/dynamodb/",
                 skill_level: 70,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Cloudflare", 
             TechDes {
                 tech_logo: "https://qualified-production.s3.us-east-1.amazonaws.com/uploads/3b522ef84c409e4457032e4b4e3b984abbc92522c6f100f4ccc55c0ccfd3062b.png", 
                 project_site: "https://www.cloudflare.com/en-ca/", 
                 skill_level: 65,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Netlify",
             TechDes {
                 tech_logo: "https://qualified-production.s3.us-east-1.amazonaws.com/uploads/0f63ae7280d8d193e346973a1915bf99aea8c63e254eb062bad0bde99b43a9b7.png",
                 project_site: "https://www.netlify.com",
                 skill_level: 60,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Vercel",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/361653/vercel-logo.svg",
                 project_site: "https://vercel.com/home",
                 skill_level: 60,
             },
-        );
+        ),
         (
             "Dioxus",
             TechDes {
@@ -290,71 +276,76 @@ pub fn techs_tools_frameworks_lookup_create() -> HashMap<&'static str, TechDes>
                 project_site: "https://dioxuslabs.com",
                 skill_level: 70,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Vue",
             TechDes {
                 tech_logo: "https://vuejs.org/logo.svg",
                 project_site: "https://vuejs.org",
                 skill_level: 1,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Mongodb",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/331488/mongodb.svg",
                 project_site: "https://www.mongodb.com",
                 skill_level: 10,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Sqlite",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/374094/sqlite.svg",
                 project_site: "https://www.sqlite.org",
                 skill_level: 10,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "PostgreSQL",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/303301/postgresql-logo.svg",
                 project_site: "https://www.postgresql.org",
                 skill_level: 10,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Diesel",
             TechDes {
                 tech_logo: "https://res.cloudinary.com/dpgrgsh7g/image/upload/v1745443276/diesel_logo_ujtvia.png",
                 project_site: "https://diesel.rs",
                 skill_level: 10,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Kubernetes",
             TechDes {
                 tech_logo: "https://kubernetes.io/images/kubernetes.png",
                 project_site: "https://kubernetes.io",
                 skill_level: 5,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Terraform",
             TechDes {
                 tech_logo: "https://www.svgrepo.com/show/448253/terraform.svg",
                 project_site: "https://www.terraform.io",
                 skill_level: 15,
             },
-        );
+        ),
-        techs_tools_frameworks_lookup.insert(
+        (
             "Traefik",
             TechDes {
                 tech_logo: "https://hub.docker.com/api/media/repos_logo/v1/library%2Ftraefik",
                 project_site: "https://traefik.io/traefik/",
                 skill_level: 60,
             },
-        );
+        ),
-    }
+    ]).into();
-    techs_tools_frameworks_lookup
+    techs_tools_frameworks_lookup[to_lookup].into()
 }
+
+// pub fn techs_tools_frameworks_lookup_create() -> HashMap<&'static str, TechDes> {
+
+//     techs_tools_frameworks_lookup
+// }

src/views/footer.rs

@@ -1,6 +1,6 @@
 use std::collections::HashMap;
 
-use crate::helper_fun::{tech_table_lookup, TechDes};
+use crate::helper_fun::{get_tech_logos_from_str, tech_table_lookup, TechDes};
 use dioxus::prelude::*;
 
 const ENDER_CSS: Asset = asset!("/assets/styling/ender.css");
@@ -13,10 +13,7 @@ pub fn Ender() -> Element {
     // used so that I dont need to copy paste the same link/info everywhere
     let mut footer_info: HashMap<&str, TechDes> = HashMap::new();
     for used_tech_item in footer_info_to_get {
-        footer_info.insert(
+        footer_info.insert(used_tech_item, *tech_table_lookup(used_tech_item));
-            used_tech_item,
-            tech_table_lookup(used_tech_item, false, false),
-        );
     }
     rsx! {
         document::Link { rel: "stylesheet", href: ENDER_CSS }

src/views/home.rs

@@ -39,7 +39,8 @@ pub fn Home() -> Element {
             div { class: "technologies",
 
                 h2 { "Technology" }
-                p { "Here is what I developed skills in." }
+                p { "Here is what I prefer to use and their self assessed skill" }
+                // p { "Here is what I developed skills in." }
                 div { class: "technologies-cat",
                     TechCat { cat: "Languages", tech_vec: languages }
                     TechCat { cat: "Backend", tech_vec: backend }

src/views/projects.rs

@@ -43,12 +43,13 @@ pub fn ProjectCards(
     project_name: &'static str,
     techs_used: Vec<&'static str>,
     project_des: &'static str,
+    #[props(default = "https://picsum.photos/200")] project_img: &'static str,
 ) -> Element {
     rsx! {
         document::Link { href: PROJECT_CARDS_CSS, rel: "stylesheet" }
         div { class: "project-card",
             img {
-                src: "https://picsum.photos/200",
+                src: "{project_img}",
                 alt: "dashboard of project or the logo of the project",
             }
             div { class: "project-title-info",