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

ui: fix cobrowse buttons

Browse source
This commit is contained in:
nick-delirium 2025-02-27 16:17:41 +01:00
parent ec8f9a349d
commit 94e8e0319d
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
4 changed files with 17 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
frontend/app/components/Assist/AssistSearchActions/AssistSearchActions.tsx
View file

@ -29,14 +29,9 @@ function AssistSearchActions() {
const isSaas = /app\.openreplay\.com/.test(originStr);
return (
<div className="flex items-center w-full gap-2">
{!isSaas && isEnterprise && !modules.includes(MODULES.OFFLINE_RECORDINGS)
? <Button type="text" onClick={showRecords}>Training Videos</Button> : null
}
{isEnterprise && userStore.account?.admin && (
<Button type="text" onClick={showStats}
disabled={modules.includes(MODULES.ASSIST_STATS) || modules.includes(MODULES.ASSIST)}>
Co-Browsing Reports</Button>
)}
<h3 className="text-2xl capitalize mr-2">
<span>Co-Browse</span>
</h3>
<Tooltip title='Clear Search Filters'>
<Button
type="text"
@ -47,6 +42,14 @@ function AssistSearchActions() {
Clear
</Button>
</Tooltip>
{!isSaas && isEnterprise && !modules.includes(MODULES.OFFLINE_RECORDINGS)
? <Button size={'small'} onClick={showRecords}>Training Videos</Button> : null
}
{isEnterprise && userStore.account?.admin && (
<Button size={'small'} onClick={showStats}
disabled={modules.includes(MODULES.ASSIST_STATS) || modules.includes(MODULES.ASSIST)}>
Co-Browsing Reports</Button>
)}
</div>
);
}

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

@ -92,13 +92,7 @@ function LiveSessionList() {
<div>
<div className="bg-white py-3 rounded-lg border shadow-sm">
<div className="flex mb-4 pb-2 px-3 justify-between items-center border-b border-b-gray-lighter">
<div className="flex items-center">
<h3 className="text-2xl capitalize mr-2">
<span>Co-Browse</span>
</h3>
<LiveSessionReloadButton onClick={refetch} />
</div>
<LiveSessionReloadButton onClick={refetch} />
<div className="flex items-center">
<div className="flex items-center ml-6">
<span className="mr-2 color-gray-medium">Sort By</span>

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

@ -12,7 +12,7 @@ function LiveSessionReloadButton(props: Props) {
const { onClick } = props;
const loading = sessionStore.loadingLiveSessions;
return (
<ReloadButton buttonSize={'small'} iconSize={14} loading={loading} onClick={onClick} className="cursor-pointer" />
<ReloadButton label={'Refresh'} buttonSize={'small'} iconSize={14} loading={loading} onClick={onClick} className="cursor-pointer" />
);
}

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

@ -7,6 +7,7 @@ interface Props {
onClick: () => void;
iconSize?: number;
buttonSize: 'small' | 'middle' | 'large' | undefined;
label?: string
}
export default function ReloadButton(props: Props) {
const { loading, onClick, iconSize = 18, buttonSize } = props;
@ -17,7 +18,9 @@ export default function ReloadButton(props: Props) {
size={buttonSize}
onClick={onClick}
icon={<SyncOutlined style={{ fontSize: iconSize }} />}
/>
>
{props.label}
</Button>
</Tooltip>
);
}