Floppy/dataslate

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const handleTouchscreenModeChange = (event: any): void => {
    const target = event.target
    const touchScreenMode: boolean = target.checked
    const newSettings = {
      ...props.settings,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  const handleWoundTrackChange = (event: any): void => {
    const target = event.target
    const showWoundTrack: boolean = target.checked
    const newSettings = {
      ...props.settings,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const tacticalPloys: Ploy[] = [
  {
    name: 'Just a scratch',
    cost: 1,
    description: `Use this tactical Ploy in the Resolve Successfull Hits step of a shooting attack or combat, when damage would beinflicked on a friendly KOMMANDO💀 operative,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const tacticalPloys: Ploy[] = [
  {
    name: 'Warp Surge',
    cost: 1,
    description: `Use this Tactical Ploy when a friendly CHAOS DAEMON💀 operative is selected as the target of a ranged attack. Until the end of the Turning Point, each time a shooting attack is

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                      <tr>
                        <th>A</th>
                        <th>WS</th>
                        <th>D</th>
                        <th>SR</th>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      <ul>
        <li>All the info you need, when you need it</li>
        <li>Stats, abilities and stratagems organised by phase (40k and KT 2018)</li>
        <li>No wasted space for identical models</li>
        <li>Designed for print or screen</li>

• Read up
  Read up

Function StatsTable has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function StatsTable (props: Props): JSX.Element {
  return (
    <Table striped bordered size='sm'>
      <thead>
        <tr>

Similar blocks of code found in 5 locations. Consider refactoring.

Open

it('renders an image with a category class', () => {
  const component = TestRenderer.create(
    <CategoryIcon category='commander' />
  )
  expect(component.root.findByType('img').props.className).toBe('category')

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

it('renders a image with a specialism class', () => {
  const component = TestRenderer.create(
    <SpecialistIcon specialism='combat' />
  )
  expect(component.root.findByType('img').props.className).toBe('specialism')

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

it('renders the right image for combat specialism', () => {
  const component = TestRenderer.create(
    <SpecialistIcon specialism='combat' />
  )
  expect(component.root.findByType('img').props.src).toContain('combat.svg')

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

it('renders the right image for leader category', () => {
  const component = TestRenderer.create(
    <CategoryIcon category='leader' />
  )
  expect(component.root.findByType('img').props.src).toContain('leader.svg')

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        {props.model.stats.invulnerable_save > 0
          ? <StatBadge name='Inv' value={`${props.model.stats.invulnerable_save}`} secondaryValue='+' />
          : <></>}

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        {props.model.stats.invulnerable_save > 0
          ? <StatBadge name='Inv' value={`${props.model.stats.invulnerable_save}`} secondaryValue='+' />
          : <></>}

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

it('renders the right image for commander category', () => {
  const component = TestRenderer.create(
    <CategoryIcon category='commander' />
  )
  expect(component.root.findByType('img').props.src).toContain('commander.svg')

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

          <Row>
            <Col sm='12'>
              <UnitTitle name={props.unit.name} uuid={props.unit.id} datasheet={props.unit.datasheet} />
            </Col>
          </Row>

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

          <Row style={{
            pageBreakInside: 'avoid'
          }}
          >
            <Col sm='12'>

• Read up
  Read up

Function Roster has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function Roster (props: Props): JSX.Element {
  const headingStyle = {
    background: '#FF6F2D',
    color: 'black',
    padding: '10px',

Function parseModel has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const parseModel = (model) => {
  const wargear = xpath(".//roster:profile[@typeName='Wargear']", model).map(parseWargear)
  const specialismSelection = xpath("roster:selections/roster:selection[roster:selections/roster:selection/roster:profiles/roster:profile/@typeName='Ability']", model)
  const abilities = xpath(".//roster:profile[@typeName='Ability']", model).map(parseAbility).concat(wargear)
  const stats = {

Function Default has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const Default: FC<Props> = (props) => {
  const headingStyle = {
    background: '#FF6F2D',
    color: 'black',
    padding: '10px',

Function Datasheet has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function Datasheet (props: Props): JSX.Element {
  return (
    <Card className={props.datacard.operativeNames.length > 0 ? 'included' : 'excluded'}>
      <ModelTitle
        name=''