Mr-Malomz

<template>
  <div
    class="relative flex items-top justify-center min-h-screen bg-gray-100 sm:items-center sm:pt-0"
  >
    <div class="max-w-4xl mx-auto sm:px-6 lg:px-8">
      <div
        class="flex flex-col lg:flex-row items-center mt-8 bg-white overflow-hidden shadow sm:rounded-lg p-6"
      >
        <div
          class="w-44 h-44 flex items-center justify-center border-indigo-400 border-4 mr-4 rounded-full cursor-pointer"

Mr-Malomz

pub mod product;

Mr-Malomz

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 {

Mr-Malomz

pub mod flower_card;
pub mod header;
pub mod loader;
pub mod message;

Mr-Malomz

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

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 {

Mr-Malomz

use yew::prelude::*;

#[function_component(Loader)]
pub fn loader() -> Html {
    html! {
    <div class="spinner-border" role="status">
        <span class="visually-hidden">{"Loading..."}</span>
    </div>
    }
}

Mr-Malomz

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

use serde::Deserialize;

#[derive(Clone, Deserialize, PartialEq)]
pub struct RootComposition {
    pub composition: Composition,
}

#[derive(Clone, Deserialize, PartialEq)]
pub struct Composition {
    pub slots: Slots,

Mr-Malomz

use yew::prelude::*;

//add below
mod components;
mod models;

#[function_component(App)]
fn app() -> Html {
  //app code goes here
}