All files / client/components/PageAttachment PageAttachmentList.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react'
import Attachment from './Attachment'
import { Attachment as AttachmentType } from 'client/types/crowi'
 
interface Props {
  attachments: AttachmentType[]
  inUse: { [id: string]: boolean }
  onAttachmentDeleteClicked: Function
}
 
export default class PageAttachmentList extends React.Component<Props> {
  render() {
    if (this.props.attachments.length === 0) {
      return null
    }
 
    const attachmentList = this.props.attachments.map(attachment => {
      return (
        <Attachment
          key={'page:attachment:' + attachment._id}
          attachment={attachment}
          inUse={this.props.inUse[attachment._id] || false}
          onAttachmentDeleteClicked={this.props.onAttachmentDeleteClicked}
        />
      )
    })
 
    return <ul>{attachmentList}</ul>
  }
}