Add 'Run Sequence' option and corresponding UI elements in App.tsx

This commit is contained in:
2026-04-14 23:43:58 +02:00
parent 3e0c5a02c5
commit ee5ba05a93

View File

@@ -8439,6 +8439,7 @@ export function App({ store, initialStatusMessage }: AppProps) {
<option value="playSound">Play Sound</option>
<option value="stopSound">Stop Sound</option>
<option value="startDialogue">Start Dialogue</option>
<option value="runSequence">Run Sequence</option>
<option value="control">Control Effect</option>
</select>
</label>
@@ -8640,6 +8641,28 @@ export function App({ store, initialStatusMessage }: AppProps) {
</select>
</label>
</div>
) : link.action.type === "runSequence" ? (
<div className="form-section">
<label className="form-field">
<span className="label">Sequence</span>
<select
className="text-input"
value={link.action.sequenceId}
onChange={(event) =>
updateSequenceInteractionLinkTarget(
link,
event.currentTarget.value
)
}
>
{projectImpulseSequenceList.map((sequence) => (
<option key={sequence.id} value={sequence.id}>
{sequence.title}
</option>
))}
</select>
</label>
</div>
) : link.action.type === "stopAnimation" ? (
<div className="form-section">
<label className="form-field">
@@ -8771,6 +8794,14 @@ export function App({ store, initialStatusMessage }: AppProps) {
>
Add Dialogue Link
</button>
<button
className="toolbar__button"
type="button"
disabled={projectImpulseSequenceList.length === 0}
onClick={handleAddSequenceInteractionLink}
>
Add Sequence Link
</button>
</div>
</div>
);