jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui) - reload tooltip

Browse source
This commit is contained in:
Shekar Siri 2022-08-24 17:24:09 +02:00
parent 239c1bef42
commit b17d4f8a77
2 changed files with 20 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx
View file

@ -87,7 +87,7 @@ function LiveSessionList(props: Props) {
<div className="bg-white p-3 rounded border">
<div className="flex mb-6 justify-between items-center">
<div className="flex items-baseline">
<h3 className="text-2xl capitalize">
<h3 className="text-2xl capitalize mr-4">
<span>Live Sessions</span>
{/* <span className="ml-2 font-normal color-gray-medium">{numberWithCommas(total)}</span> */}
</h3>

36
frontend/app/components/shared/ReloadButton/ReloadButton.tsx
View file

@ -1,22 +1,24 @@
import React from 'react'
import { CircularLoader, Icon } from 'UI'
import cn from 'classnames'
import React from 'react';
import { CircularLoader, Icon, Popup } from 'UI';
import cn from 'classnames';
interface Props {
loading?: boolean
onClick: () => void
iconSize?: number
iconName?: string
className?: string
loading?: boolean;
onClick: () => void;
iconSize?: number;
iconName?: string;
className?: string;
}
export default function ReloadButton(props: Props) {
const { loading, onClick, iconSize = "14", iconName = "sync-alt", className = '' } = props
return (
<div
className={cn("ml-4 h-5 w-6 flex items-center justify-center", className)}
onClick={onClick}
>
{ loading ? <CircularLoader className="ml-1" /> : <Icon name={iconName} size={iconSize} />}
</div>
)
const { loading, onClick, iconSize = '14', iconName = 'sync-alt', className = '' } = props;
return (
<Popup content="Refresh">
<div
className={cn('h-5 w-6 flex items-center justify-center', className)}
onClick={onClick}
>
{loading ? <CircularLoader className="ml-1" /> : <Icon name={iconName} size={iconSize} />}
</div>
</Popup>
);
}