Feature make sub-action names clickable
MODIFY
FrontEnd/Sailfish-JS-report/src/components/action/ActionCard.tsx
FrontEnd/Sailfish-JS-report/src/components/action/ActionCard.tsx
@@ -171,7 +171,11 @@ export function ActionCard({ action, children, isSelected, onSelect, isRoot, isT
<SearchExpandablePanel
searchKeyPrefix={keyForAction(id, 'parameters')}
stateKey={keyForAction(id, 'parameters')}>
- <div className="ac-body__item-title">Input parameters</div>
+ {toggleExpand => (
+ <div className="ac-body__item-title"
+ onClick={stopPropagationHandler(toggleExpand)}>
+ Input parameters</div>
+ )}
<ParamsTable
actionId={action.id}
stateKey={action.id + '-input-params-nodes'}
@@ -196,7 +200,11 @@ export function ActionCard({ action, children, isSelected, onSelect, isRoot, isT
<div className="action-card-status">
<RecoverableExpandablePanel
stateKey={keyForAction(id, 'status')}>
- <div className="ac-body__item-title">Status</div>
+ {toggleExpand => (
+ <div className="ac-body__item-title"
+ onClick={stopPropagationHandler(toggleExpand)}>
+ Status</div>
+ )}
<RecoverableExceptionChain
exception={action.status.cause}
stateKey={`${keyForAction(id, 'status')}-exception`} />

MODIFY
FrontEnd/Sailfish-JS-report/src/components/action/UserTableCard.tsx
FrontEnd/Sailfish-JS-report/src/components/action/UserTableCard.tsx
@@ -20,6 +20,7 @@ import Action from '../../models/Action';
import { RecoverableExpandablePanel } from '../ExpandablePanel';
import { CustomTable } from './CustomTable';
import { keyForUserTable } from '../../helpers/keys';
+import { stopPropagationHandler } from '../../helpers/react';
interface UserTableCardProps {
table: UserTable;
@@ -31,7 +32,10 @@ function UserTableCard({ parent, table }: UserTableCardProps) {
<div className="ac-body__table">
<RecoverableExpandablePanel
stateKey={keyForUserTable(table, parent)}>
- <div className="ac-body__item-title">{table.name || "Custom table"}</div>
+ {toggleExpand => (
+ <div className="ac-body__item-title"
+ onClick={stopPropagationHandler(toggleExpand)}>{table.name || "Custom table"}</div>
+ )}
<CustomTable
content={table.content} />
</RecoverableExpandablePanel>

MODIFY
FrontEnd/Sailfish-JS-report/src/styles/action.scss
FrontEnd/Sailfish-JS-report/src/styles/action.scss
&__item-title {
font-weight: bold;
font-size: 18px;
+
+ &:hover {
+ @include unselectable;
+ cursor: pointer;
+ }
}
&__input-params {
color: var(--status-primary-color);
font-weight: bold;
font-size: 17px;
+
+ &:hover {
+ cursor: pointer;
+ }
}
&__verification-table {

Feature #63201. make sub-action names clickable

Change-Id: I58d6d0e6a456809f10198df1d6a3ed244307bc69