Category

This template allows you to customize the Categories lines on the home page of the catalog

MyCustomCatalogCategoriesPageCategory.kt

class MyCustomCatalogCategoriesPageCategory: CatalogCategoriesPageCategory {

    @Composable
    override fun Content(params: CatalogCategoriesPageCategoryParameters) {
        // Your custom design here 
    }
}

example

class MyCustomCatalogCategoriesPageCategory: CatalogCategoriesPageCategory {
    
    @Composable
    override fun Content(param: CatalogCategoriesPageCategoryParameters) {
        Column {
            Row(
                Modifier
                    .fillMaxWidth()
                    .padding(medium)
            ) {
                Column {
                    param.category.attributes?.title?.let {
                        Text(
                            text = it,
                            color = black,
                            style = subtitleBold
                        )
                    }
                    param.category.subtitle?.let {
                        Text(
                            text = it,
                            color = black,
                            modifier = Modifier.padding(top = small)
                        )
                    }
                }
            }
            Row(
                Modifier
                    .fillMaxWidth()
                    .padding(medium)
                    .clickable { param.goToCategoryPage(param.category) },
                horizontalArrangement = Arrangement.End
            ) {
                Text(
                    text = Localisation.catalog.showAll.localised,
                    style = TextStyle(textDecoration = TextDecoration.Underline),
                    color = primary
                )
            }
            LazyRow(horizontalArrangement = Arrangement.spacedBy(small)) {
                items(
                    key = { item: Recipe -> item.id },
                    items = (param.category.relationships?.recipes?.data ?: emptyList())
                ) { recipe ->
                    Box(
                        modifier = Modifier.width(large)
                    ) {
                        RecipeJourney.View(recipe = recipe, isInShelve = false)
                    }
                }
            }
        }
    }
}

Params

data class CatalogCategoriesPageCategoryParameters(
    val category: Package, // usefull field of this object are id, title and subtitle
    val recipesId: List<String>, list of ids in this category
    val goToCategoryPage: (category: Package) -> Unit // to navigate to a specific category package
)