0ct0pu5/runtipi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: tooltips mixed content in app status

Browse source
This commit is contained in:
Nicolas Meienberger 2023-04-11 08:31:33 +02:00
parent cbc5a4593d
commit 564827a76f
1 changed files with 2 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/client/components/AppStatus/AppStatus.tsx
View file

@ -14,12 +14,8 @@ export const AppStatus: React.FC<{ status: AppTypes.AppStatus; lite?: boolean }>
return (
<>
{lite && (
<Tooltip anchorSelect=".appStatus" place="top">
{formattedStatus}
</Tooltip>
)}
<div className="appStatus d-flex align-items-center">
{lite && <Tooltip id={formattedStatus} anchorSelect=".appStatus" place="top" />}
<div data-tooltip-content={formattedStatus} data-tooltip-id={formattedStatus} className="appStatus d-flex align-items-center">
<span className={classes} />
{!lite && <span className={clsx(styles.text, 'ms-2 text-muted')}>{formattedStatus}</span>}
</div>