fix: hide Skill Workshop actions after pending

This commit is contained in:
Shakker
2026-05-31 16:27:29 +01:00
committed by Shakker
parent d1378650bb
commit 9cc759dd37
2 changed files with 21 additions and 45 deletions

View File

@@ -451,27 +451,6 @@
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.3);
}
.sw-action-bar__spacer {
flex: 1;
}
.sw-action-bar__hint {
color: var(--muted);
font-size: 11px;
display: flex;
gap: 14px;
align-items: center;
}
.sw-action-bar__hint code {
background: var(--bg-elevated);
color: var(--text);
padding: 1px 5px;
border-radius: 3px;
font-size: 10px;
font-family: var(--mono);
}
.sw-btn {
padding: 7px 14px;
border-radius: var(--radius-md);

View File

@@ -251,30 +251,27 @@ function renderDetail(props: SkillWorkshopProps, proposal: SkillWorkshopProposal
: nothing}
</div>
<div class="sw-action-bar">
<button class="sw-btn sw-btn--primary" @click=${() => props.onApply(proposal.key)}>
Apply <span class="sw-kbd">↵</span>
</button>
<button class="sw-btn" @click=${() => props.onRevise(proposal.key)}>
Revise <span class="sw-kbd">E</span>
</button>
<button class="sw-btn sw-btn--ghost" @click=${() => props.onSetAside(proposal.key)}>
Set aside <span class="sw-kbd">⇧Q</span>
</button>
<button
class="sw-btn sw-btn--ghost sw-btn--danger"
@click=${() => props.onReject(proposal.key)}
>
Reject <span class="sw-kbd">R</span>
</button>
<span class="sw-action-bar__spacer"></span>
<div class="sw-action-bar__hint">
<span><code>J</code> next</span>
<span><code>K</code> prev</span>
<span><code>X</code> multi-select</span>
<span><code>?</code> shortcuts</span>
</div>
</div>
${proposal.status === "pending" ? renderPendingActions(props, proposal) : nothing}
</div>
`;
}
function renderPendingActions(props: SkillWorkshopProps, proposal: SkillWorkshopProposal) {
return html`
<div class="sw-action-bar">
<button class="sw-btn sw-btn--primary" @click=${() => props.onApply(proposal.key)}>
Apply
</button>
<button class="sw-btn" @click=${() => props.onRevise(proposal.key)}>Revise</button>
<button class="sw-btn sw-btn--ghost" @click=${() => props.onSetAside(proposal.key)}>
Set aside
</button>
<button
class="sw-btn sw-btn--ghost sw-btn--danger"
@click=${() => props.onReject(proposal.key)}
>
Reject
</button>
</div>
`;
}