discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

fix literature view FullArticle.tsx (#128)

Browse Source
This commit is contained in:
Ilya Y 2023-07-17 22:07:37 +03:00 committed by GitHub
parent e0c8dcbe5c
commit aeba020390
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/Article/FullArticle.tsx
View File

@ -21,7 +21,7 @@ import styles from './Article.module.scss'
import { imageProxy } from '../../utils/imageProxy'
import { Popover } from '../_shared/Popover'
import article from '../Editor/extensions/Article'
import { createEffect, For, createMemo, onMount, Show, createSignal, Switch, Match } from 'solid-js'
import { createEffect, For, createMemo, onMount, Show, createSignal } from 'solid-js'
import { MediaItem } from '../../pages/types'
import { AudioHeader } from './AudioHeader'
import { SolidSwiper } from '../_shared/SolidSwiper'
@ -64,7 +64,19 @@ export const FullArticle = (props: ArticleProps) => {
}, 'bookmark')
}
const body = createMemo(() => props.article.body)
const body = createMemo(() => {
if (props.article.layout === 'literature') {
try {
const media = JSON.parse(props.article.media)
if (media.length > 0) {
return media[0].body
}
} catch (error) {
console.error(error)
}
}
return props.article.body
})
const media = createMemo(() => {
return JSON.parse(props.article.media || '[]')
})
@ -106,7 +118,7 @@ export const FullArticle = (props: ArticleProps) => {
actions: { loadReactionsBy }
} = useReactions()
console.log('!!! props.s:', JSON.parse(props.article.media))
console.log('!!! props.s:', props.article.layout === 'literature')
return (
<>
<Title>{props.article.title}</Title>
@ -166,7 +178,6 @@ export const FullArticle = (props: ArticleProps) => {
<Show when={props.article.layout === 'image'}>
<SolidSwiper images={media()} />
</Show>
<Show when={media() && props.article.layout === 'video'}>
<div class="media-items">
<For each={media() || []}>