github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-06-27 16:50:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make useTooltip = true by default in Queryable

Browse Source
This commit is contained in:
M. Mert Yildiran 2021-11-29 10:42:27 +03:00
parent 2ca16a0b81
commit a0a4452bf0
No known key found for this signature in database
GPG Key ID: D42ADB236521BF7A
3 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/components/UI/Queryable.tsx
View File

@ -13,7 +13,7 @@ interface Props {
flipped?: boolean,
}
const Queryable: React.FC<Props> = ({query, updateQuery, style, className, useTooltip= false, displayIconOnMouseOver = false, flipped = false, children}) => {
const Queryable: React.FC<Props> = ({query, updateQuery, style, className, useTooltip= true, displayIconOnMouseOver = false, flipped = false, children}) => {
const [showAddedNotification, setAdded] = useState(false);
const [showTooltip, setShowTooltip] = useState(false);
@ -53,7 +53,7 @@ const Queryable: React.FC<Props> = ({query, updateQuery, style, className, useTo
{flipped && addButton}
{children}
{!flipped && addButton}
{useTooltip && showTooltip && <span className={'Queryable-AddNotifier'}></span>}
{useTooltip && showTooltip && <span className={'Queryable-AddNotifier'}>{query}</span>}
</div>
);
};

6
ui/src/components/UI/Summary.tsx
View File

@ -11,14 +11,12 @@ interface SummaryProps {
export const Summary: React.FC<SummaryProps> = ({method, summary, updateQuery}) => {
const methodChild = <span
className={`queryable`}
>
const methodChild = <span>
{method}
</span>
const summaryChild = <div
className={`queryable ${styles.summary}`}
className={`${styles.summary}`}
>
{summary}
</div>

1
ui/src/components/UI/style/Queryable.sass
View File

@ -34,4 +34,5 @@
transform: translate(0, -80%)
color: white
z-index: 1000
font-size: 11px