All files / client/components PageAlerts.tsx

0% Statements 0/12
0% Branches 0/8
0% Functions 0/4
0% Lines 0/12

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58                                                                                                                   
import React from 'react'
import PageAlert from './PageAlerts/PageAlert'
import Crowi from 'client/util/Crowi'
import { User, Page } from 'client/types/crowi'
 
interface Props {
  pageId: string | null
  crowi: Crowi
}
 
interface State {
  alertAppeared: boolean
  message: string
  data: {
    user?: User
  }
}
 
export default class PageAlerts extends React.Component<Props, State> {
  constructor(props: Props) {
    super(props)
 
    this.state = {
      alertAppeared: false,
      message: '',
      data: {},
    }
  }
 
  componentDidMount() {
    const socket = this.props.crowi.getWebSocket()
 
    socket.on('page edited', (data: { user: User; page: Page }) => {
      const target = data.user
      const { pageId, crowi } = this.props
      const user = crowi.getUser() || {}
 
      if (target.username != user.name && pageId == data.page._id) {
        this.setState({
          alertAppeared: true,
          message: 'edit',
          data: data,
        })
      }
    })
  }
 
  render() {
    //    const attachmentToDelete = this.state.attachmentToDelete;
 
    if (!this.state.alertAppeared) {
      return null
    }
 
    return <PageAlert {...this.state} />
  }
}