aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2025-12-20 16:14:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: ContentPanel - replace spinner with skeleton loaders

Browse Source
This commit is contained in:
Gigi
2025-10-14 15:36:57 +02:00
parent f4e8aa576c
commit 60054c4865
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/ContentPanel.tsx
View File

@@ -7,6 +7,7 @@ import rehypePrism from 'rehype-prism-plus'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import 'prismjs/themes/prism-tomorrow.css' import 'prismjs/themes/prism-tomorrow.css'
import { faSpinner, faCheckCircle, faEllipsisH, faExternalLinkAlt, faMobileAlt, faCopy, faShare } from '@fortawesome/free-solid-svg-icons' import { faSpinner, faCheckCircle, faEllipsisH, faExternalLinkAlt, faMobileAlt, faCopy, faShare } from '@fortawesome/free-solid-svg-icons'
import { ContentSkeleton } from './Skeletons'
import { nip19 } from 'nostr-tools' import { nip19 } from 'nostr-tools'
import { getNostrUrl } from '../config/nostrGateways' import { getNostrUrl } from '../config/nostrGateways'
import { RELAYS } from '../config/relays' import { RELAYS } from '../config/relays'
@@ -406,10 +407,8 @@ const ContentPanel: React.FC<ContentPanelProps> = ({
if (loading) { if (loading) {
return ( return (
<div className="reader loading"> <div className="reader" aria-busy="true">
<div className="loading-spinner"> <ContentSkeleton />
<FontAwesomeIcon icon={faSpinner} spin />
</div>
</div> </div>
) )
} }