jeffemmett
/
postiz
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #166 from diwash007/loading_notification 

feat: display loader while notifications are loading
This commit is contained in:
Nevo David 2024-03-21 15:55:06 +07:00 committed by GitHub
parent 5dd29d1f5e 34c37dd486
commit 434a192890
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/frontend/src/components/notifications/notification.component.tsx
View File

@ -6,6 +6,7 @@ import { FC, useCallback, useState } from 'react';
import clsx from 'clsx';
import { useClickAway } from '@uidotdev/usehooks';
import interClass from '@gitroom/react/helpers/inter.font';
import ReactLoading from 'react-loading';
function replaceLinks(text: string) {
const urlRegex =
@ -47,6 +48,11 @@ export const NotificationOpenComponent = () => {
</div>
<div className="flex flex-col">
{isLoading && (
<div className="flex-1 flex justify-center pt-12">
<ReactLoading type="spin" color="#fff" width={36} height={36} />
</div>
)}
{!isLoading && !data.notifications.length && (
<div className="text-center p-[16px] text-white flex-1 flex justify-center items-center mt-[20px]">
No notifications