Maybe/app/views/categories/_badge.html.erb

<%# locals: (category:) %>
<% category ||= null_category %>

<span class="border text-sm font-medium px-2.5 py-1 rounded-full content-center"
  style="
    background-color: color-mix(in srgb, <%= category.color %> 5%, white);
    border-color: color-mix(in srgb, <%= category.color %> 10%, white);
    color: <%= category.color %>;">
  <%= category.name %>
</span>
Implement transaction category management (#688) * Singularize "transaction" in transaction-nested paths * Refactor category badge partial * Let modal content define its width * Add contectual menu to transactions index * Add null_category helper * Implement category edits * Fix inline transaction category badges * Fix typos in system test paths * Add missing translations * Add decoration to color select controller * Wire up transaction category creation * Fix indent in color-select-controller * Add button for clearing category from transaction * Implement category deletions * Fix existing modal sizes * Use null_category in a single place * Remove anemic method in category deletion controller * reassign_and_destroy -> reassign_transactions_then_destroy * Fix i18n * Remove destroy action from CategoriesController callbacks * transactions_merchant -> transaction_merchant * reassign_transactions_then_destroy -> replace_and_destroy * Add transaction category CRUD tests * Add presence check for transaction_id * Check replacement_category_id presence * Test Transaction::Category#replace_and_destroy! 2024-05-02 07:24:31 -06:00			`<%# locals: (category:) %>`
			`<% category \|\|= null_category %>`

Ignore empty categories while importing (#789) * Ignore empty categories while importing * Review fixes 2024-05-22 14:12:56 +02:00			`<span class="border text-sm font-medium px-2.5 py-1 rounded-full content-center"`
Implement transaction category management (#688) * Singularize "transaction" in transaction-nested paths * Refactor category badge partial * Let modal content define its width * Add contectual menu to transactions index * Add null_category helper * Implement category edits * Fix inline transaction category badges * Fix typos in system test paths * Add missing translations * Add decoration to color select controller * Wire up transaction category creation * Fix indent in color-select-controller * Add button for clearing category from transaction * Implement category deletions * Fix existing modal sizes * Use null_category in a single place * Remove anemic method in category deletion controller * reassign_and_destroy -> reassign_transactions_then_destroy * Fix i18n * Remove destroy action from CategoriesController callbacks * transactions_merchant -> transaction_merchant * reassign_transactions_then_destroy -> replace_and_destroy * Add transaction category CRUD tests * Add presence check for transaction_id * Check replacement_category_id presence * Test Transaction::Category#replace_and_destroy! 2024-05-02 07:24:31 -06:00			`style="`
			`background-color: color-mix(in srgb, <%= category.color %> 5%, white);`
			`border-color: color-mix(in srgb, <%= category.color %> 10%, white);`
			`color: <%= category.color %>;">`
			`<%= category.name %>`
			`</span>`