Demola Malomo Mr-Malomz
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| pub mod product; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| use components::{flower_card::FlowerCard, header::Header, loader::Loader, message::Message}; | |
| use models::product::{RootComposition, Slots}; | |
| use reqwest::{header, Client, Error}; | |
| use yew::prelude::*; | |
| mod components; | |
| mod models; | |
| #[function_component(App)] | |
| fn app() -> Html { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| pub mod flower_card; | |
| pub mod header; | |
| pub mod loader; | |
| pub mod message; |
Mr-Malomz
/ flower_card.rs
Created
March 10, 2023 11:04
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| use yew::prelude::*; | |
| use crate::models::product::Flower; | |
| #[derive(Properties, PartialEq)] | |
| pub struct FlowerCardProp { | |
| pub flower: Flower, | |
| } | |
| #[function_component(FlowerCard)] | |
| pub fn flower_card(FlowerCardProp { flower }: &FlowerCardProp) -> Html { |
Mr-Malomz
/ message.rs
Created
March 10, 2023 11:03
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| use yew::prelude::*; | |
| #[derive(Properties, PartialEq)] | |
| pub struct MessageProp { | |
| pub text: String, | |
| pub css_class: String, | |
| } | |
| #[function_component(Message)] | |
| pub fn message(MessageProp { text, css_class }: &MessageProp) -> Html { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| use yew::prelude::*; | |
| #[function_component(Loader)] | |
| pub fn loader() -> Html { | |
| html! { | |
| <div class="spinner-border" role="status"> | |
| <span class="visually-hidden">{"Loading..."}</span> | |
| </div> | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| use yew::prelude::*; | |
| #[function_component(Header)] | |
| pub fn header() -> Html { | |
| html! { | |
| <nav class="navbar bg-black"> | |
| <div class="container-fluid"> | |
| <a class="navbar-brand text-white" href="#">{"Product List"}</a> | |
| </div> | |
| </nav> |
Mr-Malomz
/ product.rs
Created
March 10, 2023 11:00
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| use serde::Deserialize; | |
| #[derive(Clone, Deserialize, PartialEq)] | |
| pub struct RootComposition { | |
| pub composition: Composition, | |
| } | |
| #[derive(Clone, Deserialize, PartialEq)] | |
| pub struct Composition { | |
| pub slots: Slots, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| use yew::prelude::*; | |
| //add below | |
| mod components; | |
| mod models; | |
| #[function_component(App)] | |
| fn app() -> Html { | |
| //app code goes here | |
| } |
Mr-Malomz
/ index.html
Created
March 10, 2023 10:58
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous"> | |
| <title>Product Page</title> | |
| </head> | |
| <body> |
NewerOlder