Add id to DraftOptionPanels

HSZemi · HSZemi · commit d9522ed4c0c8 · 2024-11-21T17:29:46.000+01:00
diff --git a/src/components/draft/DraftOptionPanel.tsx b/src/components/draft/DraftOptionPanel.tsx
@@ -54,6 +54,7 @@ class DraftOptionPanel extends React.Component<IProps, IState> {
 
     public render() {
         const draftOption: DraftOption | undefined = this.props.draftOption;
+        const divId = this.props.turnNumber !== undefined ? 'panel-turn-' + this.props.turnNumber : undefined;
         let image = <></>;
         let imageSrc: string = "";
         let draftOptionKey = '';
@@ -204,7 +205,7 @@ class DraftOptionPanel extends React.Component<IProps, IState> {
         }
 
         return (
-            <div className={className} onClick={onClickAction}
+            <div id={divId} className={className} onClick={onClickAction}
                  onMouseEnter={onMouseEnter}
                  onMouseLeave={onMouseLeave}
             >

Original file line number	Diff line number	Diff line change
`@@ -54,6 +54,7 @@ class DraftOptionPanel extends React.Component<IProps, IState> {`
`54`	`54`
`55`	`55`	`public render() {`
`56`	`56`	`const draftOption: DraftOption \| undefined = this.props.draftOption;`
	`57`	`+ const divId = this.props.turnNumber !== undefined ? 'panel-turn-' + this.props.turnNumber : undefined;`
`57`	`58`	`let image = <></>;`
`58`	`59`	`let imageSrc: string = "";`
`59`	`60`	`let draftOptionKey = '';`
`@@ -204,7 +205,7 @@ class DraftOptionPanel extends React.Component<IProps, IState> {`
`204`	`205`	`}`
`205`	`206`
`206`	`207`	`return (`
`207`		`- <div className={className} onClick={onClickAction}`
	`208`	`+ <div id={divId} className={className} onClick={onClickAction}`
`208`	`209`	`onMouseEnter={onMouseEnter}`
`209`	`210`	`onMouseLeave={onMouseLeave}`
`210`	`211`	`>`