feat(shop): add dynamic linked fees to modules
This commit is contained in:
@@ -302,8 +302,31 @@ export function WysiwygAdminClient({
|
||||
<div className="flex flex-wrap gap-1">
|
||||
{(prod.modules || []).length > 0 ? (
|
||||
(prod.modules || []).map((m) => (
|
||||
<span key={m.id} className="inline-flex items-center gap-1 px-2 py-0.5 rounded text-[10px] bg-white/10 text-slate-300 font-medium">
|
||||
{m.name}
|
||||
<span key={m.id} className="inline-flex items-center gap-2 px-2.5 py-1 rounded text-[10px] bg-white/10 text-slate-300 font-medium">
|
||||
<span>{m.name}</span>
|
||||
<select
|
||||
value={m.linked_fee_product_id || ''}
|
||||
onChange={async (e) => {
|
||||
const val = e.target.value || null
|
||||
const updatedModules = (prod.modules || []).map(mod =>
|
||||
mod.id === m.id ? { ...mod, linked_fee_product_id: val } : mod
|
||||
)
|
||||
setProducts(products.map(p => p.id === prod.id ? { ...p, modules: updatedModules } : p))
|
||||
await updateProduct(prod.id, {}, updatedModules)
|
||||
}}
|
||||
className="bg-slate-900 border border-white/10 text-[9px] text-slate-400 focus:ring-0 cursor-pointer rounded px-1 py-0.5 outline-none max-w-[120px]"
|
||||
title="Verknüpfte Gebühr"
|
||||
>
|
||||
<option value="">Keine Gebühr</option>
|
||||
{products
|
||||
.filter(p => p.billing_interval === 'monthly')
|
||||
.map(p => (
|
||||
<option key={p.id} value={p.id}>
|
||||
+ {p.name} ({p.base_price} €)
|
||||
</option>
|
||||
))
|
||||
}
|
||||
</select>
|
||||
<button
|
||||
onClick={async () => {
|
||||
const updatedModules = (prod.modules || []).filter(mod => mod.id !== m.id)
|
||||
|
||||
Reference in New Issue
Block a user