mirror
/
wildebeest
kopia lustrzana https://github.com/cloudflare/wildebeest
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Merge pull request #194 from cloudflare/status-content 

replace wrong status-content with inner-html-content
pull/190/head^2
Sven Sauleau 2023-02-04 21:12:01 +00:00 zatwierdzone przez GitHub
rodzic 4acfa6565a e9b33210ac
commit 97eebfd3d3
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 4AEE18F83AFDEB23
1 zmienionych plików z 5 dodań i 2 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

7
frontend/src/routes/(frontend)/[accountId]/[statusId]/index.tsx
Wyświetl plik

@ -1,4 +1,4 @@
import { component$, Slot } from '@builder.io/qwik' import { component$, Slot, useStyles$ } from '@builder.io/qwik'
import { MastodonStatus, StatusContext } from '~/types' import { MastodonStatus, StatusContext } from '~/types'
import Status from '~/components/Status' import Status from '~/components/Status'
import { formatDateTime } from '~/utils/dateTime' import { formatDateTime } from '~/utils/dateTime'
@ -10,6 +10,7 @@ import StickyHeader from '~/components/StickyHeader/StickyHeader'
import { Avatar } from '~/components/avatar' import { Avatar } from '~/components/avatar'
import { MediaGallery } from '~/components/MediaGallery.tsx' import { MediaGallery } from '~/components/MediaGallery.tsx'
import { getNotFoundHtml } from '~/utils/getNotFoundHtml/getNotFoundHtml' import { getNotFoundHtml } from '~/utils/getNotFoundHtml/getNotFoundHtml'
import styles from '../../../../utils/innerHtmlContent.scss?inline'
export const statusLoader = loader$< export const statusLoader = loader$<
{ DATABASE: D1Database }, { DATABASE: D1Database },
@ -31,6 +32,8 @@ export const statusLoader = loader$<
}) })
export default component$(() => { export default component$(() => {
useStyles$(styles)
const { status, context } = statusLoader.use().value const { status, context } = statusLoader.use().value
return ( return (
@ -45,7 +48,7 @@ export default component$(() => {
</StickyHeader> </StickyHeader>
<div class="bg-wildebeest-700 p-4"> <div class="bg-wildebeest-700 p-4">
<AccountCard status={status} /> <AccountCard status={status} />
<div class="leading-normal status-content text-lg" dangerouslySetInnerHTML={status.content} /> <div class="leading-normal inner-html-content text-lg" dangerouslySetInnerHTML={status.content} />
<MediaGallery medias={status.media_attachments} /> <MediaGallery medias={status.media_attachments} />