+4 -28

internal/web/components/profile_brew_card.templ

··· 126 126 <!-- Bean info with rating --> 127 127 <div class="flex items-start justify-between gap-3 mb-3"> 128 128 <div class="flex-1 min-w-0"> 129 129 - if brew.Bean != nil { 130 130 - <div class="font-bold text-brown-900 text-base"> 131 131 - if brew.Bean.Name != "" { 132 132 - { brew.Bean.Name } 133 133 - } else { 134 134 - { brew.Bean.Origin } 135 135 - } 136 136 - </div> 137 137 - if brew.Bean.Roaster != nil && brew.Bean.Roaster.Name != "" { 138 138 - <div class="text-sm text-brown-700 mt-0.5"> 139 139 - <span class="font-medium">🏭 { brew.Bean.Roaster.Name }</span> 140 140 - </div> 141 141 - } 142 142 - <div class="text-xs text-brown-600 mt-1 flex flex-wrap gap-x-2 gap-y-0.5"> 143 143 - if brew.Bean.Origin != "" { 144 144 - <span class="inline-flex items-center gap-0.5">📍 { brew.Bean.Origin }</span> 145 145 - } 146 146 - if brew.Bean.RoastLevel != "" { 147 147 - <span class="inline-flex items-center gap-0.5">🔥 { brew.Bean.RoastLevel }</span> 148 148 - } 149 149 - if brew.Bean.Process != "" { 150 150 - <span class="inline-flex items-center gap-0.5">🌱 { brew.Bean.Process }</span> 151 151 - } 152 152 - if brew.CoffeeAmount > 0 { 153 153 - <span class="inline-flex items-center gap-0.5">⚖️ { fmt.Sprintf("%dg", brew.CoffeeAmount) }</span> 154 154 - } 155 155 - </div> 156 156 - } 129 129 + @BeanSummary(BeanSummaryProps{ 130 130 + Bean: brew.Bean, 131 131 + CoffeeAmount: brew.CoffeeAmount, 132 132 + }) 157 133 </div> 158 134 if brew.Rating > 0 { 159 135 <span class="badge-rating">

+47 -1

internal/web/components/shared.templ

··· 1 1 package components 2 2 3 3 - import "arabica/internal/web/bff" 3 3 + import ( 4 4 + "arabica/internal/models" 5 5 + "arabica/internal/web/bff" 6 6 + "fmt" 7 7 + ) 8 8 + 9 9 + // BeanSummaryProps defines props for displaying bean metadata inline. 10 10 + // Used in both bean feed cards and brew feed cards. 11 11 + type BeanSummaryProps struct { 12 12 + Bean *models.Bean 13 13 + CoffeeAmount int // if > 0, shows "⚖️ Xg" (brew context) 14 14 + } 15 15 + 16 16 + // BeanSummary renders the bean name, roaster, and attribute tags. 17 17 + templ BeanSummary(props BeanSummaryProps) { 18 18 + if props.Bean != nil { 19 19 + <div class="font-bold text-brown-900 text-base"> 20 20 + if props.Bean.Name != "" { 21 21 + { props.Bean.Name } 22 22 + } else { 23 23 + { props.Bean.Origin } 24 24 + } 25 25 + </div> 26 26 + if props.Bean.Roaster != nil && props.Bean.Roaster.Name != "" { 27 27 + <div class="text-sm text-brown-700 mt-0.5"> 28 28 + <span class="font-medium">🏭 { props.Bean.Roaster.Name }</span> 29 29 + </div> 30 30 + } 31 31 + <div class="text-xs text-brown-600 mt-1 flex flex-wrap gap-x-2 gap-y-0.5"> 32 32 + if props.Bean.Origin != "" { 33 33 + <span class="inline-flex items-center gap-0.5">📍 { props.Bean.Origin }</span> 34 34 + } 35 35 + if props.Bean.RoastLevel != "" { 36 36 + <span class="inline-flex items-center gap-0.5">🔥 { props.Bean.RoastLevel }</span> 37 37 + } 38 38 + if props.Bean.Variety != "" { 39 39 + <span class="inline-flex items-center gap-0.5">🌿 { props.Bean.Variety }</span> 40 40 + } 41 41 + if props.Bean.Process != "" { 42 42 + <span class="inline-flex items-center gap-0.5">🌱 { props.Bean.Process }</span> 43 43 + } 44 44 + if props.CoffeeAmount > 0 { 45 45 + <span class="inline-flex items-center gap-0.5">⚖️ { fmt.Sprintf("%dg", props.CoffeeAmount) }</span> 46 46 + } 47 47 + </div> 48 48 + } 49 49 + } 4 50 5 51 // EmptyStateProps defines properties for empty state messaging 6 52 type EmptyStateProps struct {

+7 -57

internal/web/pages/feed.templ

··· 319 319 <!-- Bean info with rating --> 320 320 <div class="flex items-start justify-between gap-3 mb-3"> 321 321 <div class="flex-1 min-w-0"> 322 322 - if item.Brew.Bean != nil { 323 323 - <div class="font-bold text-brown-900 text-base"> 324 324 - if item.Brew.Bean.Name != "" { 325 325 - { item.Brew.Bean.Name } 326 326 - } else { 327 327 - { item.Brew.Bean.Origin } 328 328 - } 329 329 - </div> 330 330 - if item.Brew.Bean.Roaster != nil && item.Brew.Bean.Roaster.Name != "" { 331 331 - <div class="text-sm text-brown-700 mt-0.5"> 332 332 - <span class="font-medium">🏭 { item.Brew.Bean.Roaster.Name }</span> 333 333 - </div> 334 334 - } 335 335 - // TODO: can we share code with the bean card here? (and the roaster?) 336 336 - <div class="text-xs text-brown-600 mt-1 flex flex-wrap gap-x-2 gap-y-0.5"> 337 337 - if item.Brew.Bean.Origin != "" { 338 338 - <span class="inline-flex items-center gap-0.5">📍 { item.Brew.Bean.Origin }</span> 339 339 - } 340 340 - if item.Brew.Bean.RoastLevel != "" { 341 341 - <span class="inline-flex items-center gap-0.5">🔥 { item.Brew.Bean.RoastLevel }</span> 342 342 - } 343 343 - if item.Brew.Bean.Process != "" { 344 344 - <span class="inline-flex items-center gap-0.5">🌱 { item.Brew.Bean.Process }</span> 345 345 - } 346 346 - if item.Brew.CoffeeAmount > 0 { 347 347 - <span class="inline-flex items-center gap-0.5">⚖️ { fmt.Sprintf("%dg", item.Brew.CoffeeAmount) }</span> 348 348 - } 349 349 - </div> 350 350 - } 322 322 + @components.BeanSummary(components.BeanSummaryProps{ 323 323 + Bean: item.Brew.Bean, 324 324 + CoffeeAmount: item.Brew.CoffeeAmount, 325 325 + }) 351 326 </div> 352 327 if item.Brew.Rating > 0 { 353 328 <span class="badge-rating"> ··· 419 394 templ FeedBeanContent(item *feed.FeedItem) { 420 395 if item.Bean != nil { 421 396 <div class="feed-content-box-sm"> 422 422 - <div class="mb-2"> 423 423 - <div class="font-bold text-brown-900 text-base"> 424 424 - if item.Bean.Name != "" { 425 425 - { item.Bean.Name } 426 426 - } else { 427 427 - { item.Bean.Origin } 428 428 - } 429 429 - </div> 430 430 - if item.Bean.Roaster != nil && item.Bean.Roaster.Name != "" { 431 431 - <div class="text-sm text-brown-700 mt-0.5"> 432 432 - <span class="font-medium">🏭 { item.Bean.Roaster.Name }</span> 433 433 - </div> 434 434 - } 435 435 - </div> 436 436 - <div class="text-xs text-brown-600 mt-1 flex flex-wrap gap-x-2 gap-y-0.5"> 437 437 - if item.Bean.Origin != "" { 438 438 - <span class="inline-flex items-center gap-0.5">📍 { item.Bean.Origin }</span> 439 439 - } 440 440 - if item.Bean.Variety != "" { 441 441 - <span class="inline-flex items-center gap-0.5">🌿 { item.Bean.Variety }</span> 442 442 - } 443 443 - if item.Bean.RoastLevel != "" { 444 444 - <span class="inline-flex items-center gap-0.5">🔥 { item.Bean.RoastLevel }</span> 445 445 - } 446 446 - if item.Bean.Process != "" { 447 447 - <span class="inline-flex items-center gap-0.5">🌱 { item.Bean.Process }</span> 448 448 - } 449 449 - </div> 397 397 + @components.BeanSummary(components.BeanSummaryProps{ 398 398 + Bean: item.Bean, 399 399 + }) 450 400 if item.Bean.Description != "" { 451 401 <div class="mt-2 text-sm text-brown-800 italic">"{ item.Bean.Description }"</div> 452 402 }