The recipes.blue monorepo recipes.blue
recipes appview atproto
2
fork

Configure Feed

Select the types of activity you want to include in your feed.

feat: source servings count from index

+9 -4
+2 -2
apps/api/src/xrpc/index.ts
··· 50 50 rkey: r.rkey, 51 51 title: r.title, 52 52 time: r.time, 53 - serves: r.serves, 53 + serves: r.serves ?? 1, 54 54 description: r.description || undefined, 55 55 ingredients: r.ingredientsCount as number, 56 56 steps: r.stepsCount as number, 57 57 imageUrl: r.imageRef 58 58 ? `https://cdn.bsky.app/img/feed_thumbnail/plain/${r.authorDid}/${r.imageRef}@jpeg` 59 - : null, 59 + : undefined, 60 60 }); 61 61 62 62 for (const result of recipes) {
+6 -1
apps/web/src/components/recipe-card.tsx
··· 2 2 import { Card, CardContent, CardFooter, CardHeader } from "./ui/card"; 3 3 import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar"; 4 4 import { Link } from "@tanstack/react-router"; 5 - import { Clock, ListOrdered, Utensils } from "lucide-react"; 5 + import { Clock, ListOrdered, Users, Utensils } from "lucide-react"; 6 6 7 7 type RecipeCardProps = { 8 8 recipe: BlueRecipesFeedGetRecipes.Result; ··· 52 52 <div className="flex items-center"> 53 53 <ListOrdered className="w-4 h-4 mr-1" /> 54 54 <span>{recipe.steps}</span> 55 + </div> 56 + 57 + <div className="flex items-center"> 58 + <Users className="w-4 h-4 mr-1" /> 59 + <span>{recipe.serves}</span> 55 60 </div> 56 61 57 62 <div className="flex items-center">
+1 -1
apps/web/src/routes/_.(app)/recipes/$author/$rkey/index.lazy.tsx
··· 92 92 </Badge> 93 93 <Badge variant="secondary" className="flex items-center gap-2"> 94 94 <Users className="size-4" /> 95 - <span>Serves 2</span> 95 + <span>Serves {recipe.serves ?? '1'}</span> 96 96 </Badge> 97 97 </div> 98 98