diff --git a/src/components/CategoryPillComponent.tsx b/src/components/CategoryPillComponent.tsx index ffcab365..39ccdb90 100644 --- a/src/components/CategoryPillComponent.tsx +++ b/src/components/CategoryPillComponent.tsx @@ -13,6 +13,7 @@ import { getErrorMessage } from "../maze-utils/formating"; export interface CategoryPillProps { vote: (type: number, UUID: SegmentUUID, category?: Category) => Promise; showTextByDefault: boolean; + showTooltipOnClick: boolean; } export interface CategoryPillState { @@ -49,6 +50,7 @@ class CategoryPillComponent extends React.Component this.toggleOpen(e)} onMouseEnter={() => this.openTooltip()} onMouseLeave={() => this.closeTooltip()}> + @@ -86,7 +88,10 @@ class CategoryPillComponent extends React.Component this.setState({ show: false })}> + onClick={() => { + this.setState({ show: false }); + this.closeTooltip(); + }}> ); @@ -96,6 +101,14 @@ class CategoryPillComponent extends React.Component); + this.root.render(); if (this.onMobileYouTube) { if (this.mutationObserver) {