9604101866

Committed 20 Jun 2024 08:41PM UTC coverage: 7.084% (-0.2%) from 7.256%

Build # 9604101866

Build Type

push

github

Committed by

Betree

Commit Message

feat: Transcript

Run Details

58 of 1767 branches covered (3.28%)

Branch coverage included in aggregate %.

1 of 86 new or added lines in 8 files covered. (1.16%)

2 existing lines in 2 files now uncovered.

269 of 2849 relevant lines covered (9.44%)

0.27 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/app/components/Statements/StatementsList.jsx

import memoizeOne from 'memoize-one'
import React from 'react'
import FlipMove from 'react-flip-move'
import { withNamespaces } from 'react-i18next'
import { connect } from 'react-redux'
import { withRouter } from 'react-router-dom'

import { FULLHD_WIDTH_THRESHOLD } from '../../constants'
import { postStatement } from '../../state/video_debate/statements/effects'
import { closeStatementForm, setScrollTo } from '../../state/video_debate/statements/reducer'
import { statementFormValueSelector } from '../../state/video_debate/statements/selectors'
import StatementContainer from './StatementContainer'
import { StatementForm } from './StatementForm'

@connect(
  (state) => ({
    speakers: state.VideoDebate.video.data.speakers,
    statements: state.VideoDebate.statements.data,
    statementFormSpeakerId: statementFormValueSelector(state, 'speaker_id'),
    statementFormText: statementFormValueSelector(state, 'text'),
    statementFormTime: statementFormValueSelector(state, 'time'),
    offset: state.VideoDebate.video.offset,
  }),
  { closeStatementForm, postStatement, setScrollTo },
)
@withNamespaces('videoDebate')
@withRouter
export default class StatementsList extends React.PureComponent {
  componentDidMount() {
    const searchParams = new URLSearchParams(this.props.location.search)
    if (searchParams.has('statement')) {
      this.props.setScrollTo({
        id: parseInt(searchParams.get('statement')),
        __forceAutoScroll: true,
      })
    }
  }

  componentDidUpdate(oldProps) {
    const searchParams = new URLSearchParams(this.props.location.search)
    const oldSearchParams = new URLSearchParams(oldProps.location.search)
    const curStatementQuery = searchParams.get('statement')
    if (curStatementQuery && curStatementQuery !== oldSearchParams.get('statement')) {
      this.props.setScrollTo({
        id: parseInt(curStatementQuery),
        __forceAutoScroll: true,
      })
    }
  }

  getInitialValues = memoizeOne((speakerId, text, time) => ({
    speaker_id: speakerId,
    text,
    time,
  }))

  render() {
    const { speakers, statementFormSpeakerId, statements, offset } = this.props
    const speakerId =
      speakers.size === 1 && !statementFormSpeakerId ? speakers.get(0).id : statementFormSpeakerId
    return (
      <div className="statements-list">
        {statementFormSpeakerId !== undefined && (
          <StatementForm
            offset={offset}
            initialValues={this.getInitialValues(
              speakerId,
              this.props.statementFormText,
              this.props.statementFormTime,
            )}
            enableReinitialize
            keepDirtyOnReinitialize
            handleAbort={() => this.props.closeStatementForm()}
            handleConfirm={(s) =>
              this.props.postStatement(s).then((e) => {
                if (!e.error) {
                  this.props.closeStatementForm()
                }
                return e
              })
            }
          />
        )}
        <FlipMove
          enterAnimation="fade"
          disableAllAnimations={window.innerWidth < FULLHD_WIDTH_THRESHOLD}
        >
          {statements.map((statement) => (
            <div key={statement.id}>
              <StatementContainer statement={statement} />
            </div>
          ))}
        </FlipMove>
      </div>
    )
  }
}

1	import memoizeOne from 'memoize-one'
2	import React from 'react'
3	import FlipMove from 'react-flip-move'
4	import { withNamespaces } from 'react-i18next'
5	import { connect } from 'react-redux'
6	import { withRouter } from 'react-router-dom'
7
8	import { FULLHD_WIDTH_THRESHOLD } from '../../constants'
9	import { postStatement } from '../../state/video_debate/statements/effects'
10	import { closeStatementForm, setScrollTo } from '../../state/video_debate/statements/reducer'
11	import { statementFormValueSelector } from '../../state/video_debate/statements/selectors'
12	import StatementContainer from './StatementContainer'
13	import { StatementForm } from './StatementForm'
14
15	@connect(
16	(state) => ({	×
17	speakers: state.VideoDebate.video.data.speakers,
18	statements: state.VideoDebate.statements.data,
19	statementFormSpeakerId: statementFormValueSelector(state, 'speaker_id'),
20	statementFormText: statementFormValueSelector(state, 'text'),
21	statementFormTime: statementFormValueSelector(state, 'time'),
22	offset: state.VideoDebate.video.offset,
23	}),
24	{ closeStatementForm, postStatement, setScrollTo },
25	)
26	@withNamespaces('videoDebate')
27	@withRouter
28	export default class StatementsList extends React.PureComponent {
29	componentDidMount() {
30	const searchParams = new URLSearchParams(this.props.location.search)	×
31	if (searchParams.has('statement')) {	×
32	this.props.setScrollTo({	×
33	id: parseInt(searchParams.get('statement')),
34	__forceAutoScroll: true,
35	})
36	}
37	}
38
39	componentDidUpdate(oldProps) {
40	const searchParams = new URLSearchParams(this.props.location.search)	×
41	const oldSearchParams = new URLSearchParams(oldProps.location.search)	×
42	const curStatementQuery = searchParams.get('statement')	×
43	if (curStatementQuery && curStatementQuery !== oldSearchParams.get('statement')) {	×
44	this.props.setScrollTo({	×
45	id: parseInt(curStatementQuery),
46	__forceAutoScroll: true,
47	})
48	}
49	}
50
NEW 51	getInitialValues = memoizeOne((speakerId, text, time) => ({	×
52	speaker_id: speakerId,
53	text,
54	time,
55	}))
56
57	render() {
58	const { speakers, statementFormSpeakerId, statements, offset } = this.props	×
59	const speakerId =
60	speakers.size === 1 && !statementFormSpeakerId ? speakers.get(0).id : statementFormSpeakerId	×
61	return (	×
62	<div className="statements-list">
63	{statementFormSpeakerId !== undefined && (	×
64	<StatementForm
65	offset={offset}
66	initialValues={this.getInitialValues(
67	speakerId,
68	this.props.statementFormText,
69	this.props.statementFormTime,
70	)}
71	enableReinitialize
72	keepDirtyOnReinitialize
73	handleAbort={() => this.props.closeStatementForm()}	×
74	handleConfirm={(s) =>
75	this.props.postStatement(s).then((e) => {	×
76	if (!e.error) {	×
77	this.props.closeStatementForm()	×
78	}
79	return e	×
80	})
81	}
82	/>
83	)}
84	<FlipMove
85	enterAnimation="fade"
86	disableAllAnimations={window.innerWidth < FULLHD_WIDTH_THRESHOLD}
87	>
88	{statements.map((statement) => (
89	<div key={statement.id}>	×
90	<StatementContainer statement={statement} />
91	</div>
92	))}
93	</FlipMove>
94	</div>
95	)
96	}
97	}

CaptainFact / captain-fact-frontend / 9604101866

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous