luisgulo/focalboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

CardDetailProvider wraps the content part of the GalleryCard. (#1556)

Browse source 
Co-authored-by: Mattermod <mattermod@users.noreply.github.com>
This commit is contained in:
kamre 2021-10-16 04:34:30 +07:00 committed by GitHub
parent 5204e2d080
commit b5a194b62c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
webapp/src/components/gallery/galleryCard.tsx
View file

@ -28,6 +28,7 @@ import {getCardContents} from '../../store/contents'
import {getCardComments} from '../../store/comments' import {getCardComments} from '../../store/comments'
import './galleryCard.scss' import './galleryCard.scss'
import {CardDetailProvider} from '../cardDetail/cardDetailContext'
type Props = { type Props = {
board: Board board: Board
@ -120,6 +121,7 @@ const GalleryCard = React.memo((props: Props) => {
<ImageElement block={image}/> <ImageElement block={image}/>
</div>} </div>}
{!image && {!image &&
<CardDetailProvider card={card}>
<div className='gallery-item'> <div className='gallery-item'>
{contents.map((block) => { {contents.map((block) => {
if (Array.isArray(block)) { if (Array.isArray(block)) {
@ -142,7 +144,8 @@ const GalleryCard = React.memo((props: Props) => {
/> />
) )
})} })}
</div>} </div>
</CardDetailProvider>}
{props.visibleTitle && {props.visibleTitle &&
<div className='gallery-title'> <div className='gallery-title'>
{ card.fields.icon ? <div className='octo-icon'>{card.fields.icon}</div> : undefined } { card.fields.icon ? <div className='octo-icon'>{card.fields.icon}</div> : undefined }