aboutsummaryrefslogtreecommitdiff
path: root/packages/anastasis-webui/src/stories.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/anastasis-webui/src/stories.tsx')
-rw-r--r--packages/anastasis-webui/src/stories.tsx21
1 files changed, 12 insertions, 9 deletions
diff --git a/packages/anastasis-webui/src/stories.tsx b/packages/anastasis-webui/src/stories.tsx
index a51dfb20f..351d6f37b 100644
--- a/packages/anastasis-webui/src/stories.tsx
+++ b/packages/anastasis-webui/src/stories.tsx
@@ -143,21 +143,24 @@ function ExampleList({
{k.examples.map((r) => {
const e = encodeURIComponent;
const eId = `${e(r.group)}-${e(r.component)}-${e(r.name)}`;
+ function doSelection(e: any): void {
+ e.preventDefault();
+ location.hash = `#${eId}`;
+ onSelectStory(r, eId);
+ }
const isSelected =
selected &&
selected.component === r.component &&
selected.group === r.group &&
selected.name === r.name;
return (
- <dd id={eId} key={r.name} data-selected={isSelected}>
- <a
- href={`#${eId}`}
- onClick={(e) => {
- e.preventDefault();
- location.hash = `#${eId}`;
- onSelectStory(r, eId);
- }}
- >
+ <dd
+ id={eId}
+ key={r.name}
+ data-selected={isSelected}
+ onClick={doSelection}
+ >
+ <a href={`#${eId}`} onClick={doSelection}>
{r.name}
</a>
</dd>