feat: import and use generated variables

Author: SergioRibera

src/components/community_projects.rs

@@ -1,102 +1,18 @@
 use leptos::*;
 
-use crate::components::cards::project_card::ProjectCard;
-
-struct ProjectItem {
-    name: Vec<&'static str>,
-    description: &'static str,
-    link: &'static str,
-    brand_src: &'static str,
-    button_link: &'static str,
-    button_text: &'static str,
-    brand_as_letter: bool,
-    button_bg_color: &'static str,
-}
+use crate::{components::cards::project_card::ProjectCard, extras::COMUNITY_PROJECTS};
 
 #[component]
 pub fn CommunityProjects() -> impl IntoView {
-    let items: Vec<ProjectItem> = vec![
-        ProjectItem {
-            name: vec!["Rust ", "Lang en Español"],
-            description: "Pagina de la comunidad de Rust en Español",
-            link: "https://github.com/RustLangES/rust-book-es",
-            brand_src: "https://www.rust-lang.org/static/images/rust-logo-blk.svg",
-            button_link: "https://github.com/RustLangES",
-            button_text: "",
-            brand_as_letter: false,
-            button_bg_color: "white",
-        },
-        ProjectItem {
-            name: vec!["The ", "Rust", " Programming Language [Spanish Ed.]"],
-            description: "Traducción del libro oficial de Rust al español",
-            link: "https://github.com/RustLangES/rust-book-es",
-            brand_src: "./RustLogo-min.png",
-            button_link: "https://github.com/RustLangES",
-            button_text: "Rust Lang en Español",
-            brand_as_letter: false,
-            button_bg_color: "white",
-        },
-        ProjectItem {
-            name: vec!["Hereditary"],
-            description: "Una libreria para emular herencia en Rust",
-            link: "https://github.com/datapture/hereditary",
-            brand_src: "H",
-            button_link: "https://github.com/superoptimo",
-            button_text: "Francisco Leon",
-            brand_as_letter: true,
-            button_bg_color: "black",
-        },
-        ProjectItem {
-            name: vec!["gabble"],
-            description: "Un sistema de chats en tiempo real",
-            link: "https://github.com/whizzes/gabble",
-            brand_src: "🎎",
-            button_link: "https://github.com/EstebanBorai",
-            button_text: "Esteban Borai",
-            brand_as_letter: true,
-            button_bg_color: "white",
-        },
-        ProjectItem {
-            name: vec!["Graphul"],
-            description: "Un framework web basado en Axum",
-            link: "https://graphul-rs.github.io",
-            brand_src: "./graphul.webp",
-            button_link: "https://github.com/SamuelBonilla",
-            button_text: "Samuel Bonilla",
-            brand_as_letter: false,
-            button_bg_color: "black",
-        },
-        ProjectItem {
-            name: vec!["http-server"],
-            description: "Un command line HTTP server simple y configurable",
-            link: "https://github.com/http-server-rs/http-server",
-            brand_src: "https://github.com/http-server-rs/http-server/raw/main/assets/logo.svg",
-            button_link: "https://github.com/EstebanBorai",
-            button_text: "Esteban Borai",
-            brand_as_letter: false,
-            button_bg_color: "white",
-        },
-        ProjectItem {
-            name: vec!["Freya"],
-            description: "Una libreria para hacer GUI nativas utilizando Dioxus y Skia",
-            link: "https://github.com/marc2332/freya",
-            brand_src: "https://github.com/marc2332/freya/raw/main/logo.svg",
-            button_link: "https://github.com/marc2332",
-            button_text: "Marc Espín",
-            brand_as_letter: false,
-            button_bg_color: "white",
-        },
-    ];
-
     view! {
         <section class="bg-orange-200 py-20">
             <div class="container mx-auto px-4">
                 <h2 class="text-3xl text-left mb-6">
                     <span class="font-work-sans font-light">"Proyectos de la "</span>
                     <span class="font-alfa-slab text-orange-500">"Comunidad"</span>
                 </h2>
-                <div class="w-full grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 sm:gap-x-8 gap-y-8">
-                    {items
+                <div class="w-full grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 sm:gap-x-8 gap-y-4">
+                    {COMUNITY_PROJECTS
                         .into_iter()
                         .map(|item| {
                             view! {

src/components/other_communities.rs

@@ -1,69 +1,9 @@
 use leptos::*;
 
-use crate::components::cards::community_card::CommunityCard;
-
-struct CommunityItem {
-    name: Vec<&'static str>,
-    description: &'static str,
-    link: &'static str,
-    icon: &'static str,
-    brand_src: &'static str,
-    brand_alt: &'static str,
-}
+use crate::{components::cards::community_card::CommunityCard, extras::OTHER_COMUNITIES};
 
 #[component]
 pub fn OtherCommunities() -> impl IntoView {
-    let items: Vec<CommunityItem> = vec![
-        CommunityItem {
-            name: vec!["Rust ", "Barcelona"],
-            description: "Comunidad de Rust en Barcelona",
-            link: "https://discord.gg/DeZKCCyMcq",
-            icon: "discord",
-            brand_src: "./RustBCN.webp",
-            brand_alt: "Logo de Rust Barcelona",
-        },
-        CommunityItem {
-            name: vec!["Whizzles"],
-            description: "Comunidad de Open Source con fuertes raices en Rust.",
-            link: "https://discord.gg/b9EbVnSkuw",
-            icon: "discord",
-            brand_src: "./Whizzles.webp",
-            brand_alt: "Logo de Whizzles",
-        },
-        CommunityItem {
-            name: vec!["Rust", "MX"],
-            description: "Comunidad de Rust en Mexico",
-            link: "https://t.me/RustMX",
-            icon: "telegram",
-            brand_src: "./RustMX-min.png",
-            brand_alt: "Logo de RustMX",
-        },
-        CommunityItem {
-            name: vec!["Aprende ", "Rust"],
-            description: "Comunidad de Rust en Mexico",
-            link: "https://t.me/aprenderrust",
-            icon: "telegram",
-            brand_src: "./aprender-rust-min.jpg",
-            brand_alt: "Logo de Aprende Rust",
-        },
-        CommunityItem {
-            name: vec!["Rust ", "Español"],
-            description: "Anteriormente Rust Argentina, hoy una comunidad internacional.",
-            link: "https://t.me/rust_lang_es",
-            icon: "telegram",
-            brand_src: "./RustGeneral.jpg",
-            brand_alt: "Logo de Rust Español",
-        },
-        CommunityItem {
-            name: vec!["Salamandra ", "Devs"],
-            description: "Comunidad de Programación en general.",
-            link: "https://t.me/salamandradevs",
-            icon: "telegram",
-            brand_src: "./Salamandra.png",
-            brand_alt: "Logo de Salamandra Devs",
-        },
-    ];
-
     view! {
         <section class="bg-orange-100 py-20">
             <div class="container mx-auto px-4">
@@ -73,12 +13,12 @@ pub fn OtherCommunities() -> impl IntoView {
                     <span class="font-work-sans font-light">" recomendadas "</span>
                 </h2>
                 <div class="w-full grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-8 gap-y-8">
-                    {items
+                    {OTHER_COMUNITIES
                         .into_iter()
                         .map(|item| {
                             view! {
                                 <CommunityCard
-                                    name=item.name.clone()
+                                    name=item.name
                                     description=item.description
                                     link=item.link
                                     icon=item.icon