fix: update event handlers to Svelte 5 syntax in add page and rosary counter

Fixes issues where translation buttons and rosary bead counter were not working
due to incomplete Svelte 5 migration. Updated parent components to use new
callback prop syntax (onapproved/onskipped/oncancelled) and lowercase onclick
handlers to match child component expectations.

- Fix TranslationApproval event handlers in recipe add page
- Fix CounterButton onclick prop in rosary page
This commit is contained in:
2026-01-13 12:57:23 +01:00
parent f4783bea0a
commit deac9e3d1f
2 changed files with 5 additions and 5 deletions

View File

@@ -355,7 +355,7 @@ button.action_button{
{#if !showTranslationWorkflow} {#if !showTranslationWorkflow}
<div class=submit_buttons> <div class=submit_buttons>
<button class=action_button on:click={prepareSubmit}><p>Weiter zur Übersetzung</p><Check fill=white width=2rem height=2rem></Check></button> <button class=action_button onclick={prepareSubmit}><p>Weiter zur Übersetzung</p><Check fill=white width=2rem height=2rem></Check></button>
</div> </div>
{/if} {/if}
@@ -363,9 +363,9 @@ button.action_button{
<div id="translation-section"> <div id="translation-section">
<TranslationApproval <TranslationApproval
germanData={getGermanRecipeData()} germanData={getGermanRecipeData()}
on:approved={handleTranslationApproved} onapproved={handleTranslationApproved}
on:skipped={handleTranslationSkipped} onskipped={handleTranslationSkipped}
on:cancelled={handleTranslationCancelled} oncancelled={handleTranslationCancelled}
/> />
</div> </div>
{/if} {/if}

View File

@@ -1412,7 +1412,7 @@ l536 389l-209 -629zM1671 934l-370 267l150 436l-378 -271l-371 271q8 -34 15 -68q10
📖 📖
</button> </button>
{/if} {/if}
<CounterButton onClick={() => advanceDecade(decadeNum)} /> <CounterButton onclick={() => advanceDecade(decadeNum)} />
</div> </div>
</div> </div>