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

change(ui) - announements no data changes

Browse source
This commit is contained in:
Shekar Siri 2022-08-16 18:12:46 +02:00
parent 1f17b7dfa0
commit 37d969489a
3 changed files with 23 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
frontend/app/components/Announcements/Announcements.js
View file

@ -65,14 +65,13 @@ class Announcements extends React.Component {
<div className="mx-4">
<NoContent
title={
<div className="flex items-center justify-between">
<AnimatedSVG name={ICONS.EMPTY_STATE} size="100" />
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_ANNOUNCEMENTS} size={80} />
<div className="text-center text-gray-600 my-4">No announcements to show.</div>
</div>
}
subtext="There are no announcements to show."
// animatedIcon="no-results"
show={ !loading && announcements.size === 0 }
size="small"
show={ !loading && announcements.size === 0 }
>
{
announcements.map(item => (

4
frontend/app/components/shared/AnimatedSVG/AnimatedSVG.tsx
View file

@ -14,6 +14,7 @@ import NoWebhooks from '../../../svg/ca-no-webhooks.svg';
import NoMetadata from '../../../svg/ca-no-metadata.svg';
import NoIssues from '../../../svg/ca-no-issues.svg';
import NoAuditTrail from '../../../svg/ca-no-audit-trail.svg';
import NoAnnouncements from '../../../svg/ca-no-announcements.svg';
export enum ICONS {
DASHBOARD_ICON = 'dashboard-icn',
@ -32,6 +33,7 @@ export enum ICONS {
NO_SESSIONS_IN_VAULT = 'ca-no-sessions-in-vault',
NO_ISSUES = 'ca-no-issues',
NO_AUDIT_TRAIL = 'ca-no-audit-trail',
NO_ANNOUNCEMENTS = 'ca-no-announcements',
}
interface Props {
@ -72,6 +74,8 @@ function AnimatedSVG(props: Props) {
return <object style={{ width: size + 'px' }} type="image/svg+xml" data={NoIssues} />;
case ICONS.NO_AUDIT_TRAIL:
return <object style={{ width: size + 'px' }} type="image/svg+xml" data={NoAuditTrail} />;
case ICONS.NO_ANNOUNCEMENTS:
return <object style={{ width: size + 'px' }} type="image/svg+xml" data={NoAnnouncements} />;
default:
return null;
}

11
frontend/app/svg/ca-no-announcements.svg Normal file
View file

@ -0,0 +1,11 @@
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="100" height="100" rx="13.1579" fill="#3EAAAF" fill-opacity="0.08"/>
<g clip-path="url(#clip0_25_22)">
<path d="M66.25 32.125C66.25 30.8321 66.7636 29.5921 67.6779 28.6779C68.5921 27.7636 69.8321 27.25 71.125 27.25C72.4179 27.25 73.6579 27.7636 74.5721 28.6779C75.4864 29.5921 76 30.8321 76 32.125V67.875C76 69.1679 75.4864 70.4079 74.5721 71.3221C73.6579 72.2364 72.4179 72.75 71.125 72.75C69.8321 72.75 68.5921 72.2364 67.6779 71.3221C66.7636 70.4079 66.25 69.1679 66.25 67.875V32.125ZM63 34.478C56.2823 37.5655 48.2482 39.2912 40.25 39.86V60.1302C41.4305 60.1968 42.6095 60.2889 43.786 60.4065C50.4582 61.0695 56.9095 62.5775 63 65.4765V34.478ZM37 59.9612V40.0355C34.79 40.1232 32.4533 40.1752 30.474 40.2077C28.7526 40.2316 27.1095 40.9307 25.8985 42.1544C24.6876 43.3781 24.0058 45.0284 24 46.75V53.25C24 56.8445 26.912 59.737 30.4805 59.7792C31.0179 59.786 31.5552 59.7946 32.0925 59.8052C33.7289 59.8379 35.3648 59.8899 37 59.9612V59.9612ZM41.5175 63.4745C42.4437 63.5427 43.3667 63.6272 44.28 63.728L45.1023 69.2205C45.1917 69.6905 45.1763 70.1745 45.0571 70.6379C44.9379 71.1013 44.7179 71.5326 44.4127 71.9012C44.1075 72.2697 43.7247 72.5663 43.2917 72.7697C42.8586 72.9732 42.386 73.0786 41.9075 73.0782H40.1265C39.4948 73.0782 38.8768 72.894 38.348 72.5483C37.8193 72.2026 37.4028 71.7102 37.1495 71.1315L32.879 63.0715C34.7128 63.1172 36.546 63.1866 38.378 63.2795C39.4407 63.3347 40.4905 63.3997 41.5175 63.4745V63.4745Z" fill="#3EAAAF" fill-opacity="0.5"/>
</g>
<defs>
<clipPath id="clip0_25_22">
<rect width="52" height="52" fill="white" transform="translate(24 24)"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB