#1022

Committed 10 Jan 2025 05:30PM UTC coverage: 0.769% (+0.004%) from 0.765%

Build # #1022

Build Type

push

Committed by

Commit Message

fix(lint): fix lint issue

Run Details

31 of 355 branches covered (8.73%)

Branch coverage included in aggregate %.

11 of 1012 new or added lines in 117 files covered. (1.09%)

5 existing lines in 5 files now uncovered.

156 of 23962 relevant lines covered (0.65%)

12.11 hits per line

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

0.0

/src/components/progress/progress-block.tsx

import React, { useMemo } from 'react'

type ProgressBlockProps = {
  value: number
  max: number
  className?: string
  children?: React.ReactElement
}

function ProgressBlock(props: ProgressBlockProps) {
  const progress = useMemo(() => {
    const p = (props.value / props.max) * 100
    if (Number.isNaN(p)) {
      return 1
    }
    if (p === 0) {
      return 1
    }
    if (p >= 100) {
      return 100
    }
    return p
  }, [props.value, props.max])

  return (
    <div className={`w-full h-4 ${props.className}`}>
      <div className='w-full h-full bg-gray-400 rounded flex'>
        <div
          className={' transition-all duration-200 border-r h-full border-gray-500 last:border-r-0 bg-blue-500 rounded'}
          style={{
            width: `${progress}%`
          }}
        />
      </div>
      {props.children}
    </div>
  )
}

export default ProgressBlock

1	import React, { useMemo } from 'react'	×
2		×
3	type ProgressBlockProps = {	×
4	value: number	×
5	max: number	×
6	className?: string	×
7	children?: React.ReactElement	×
8	}	×
9		×
10	function ProgressBlock(props: ProgressBlockProps) {	×
11	const progress = useMemo(() => {	×
12	const p = (props.value / props.max) * 100	×
13	if (Number.isNaN(p)) {	×
14	return 1	×
15	}	×
16	if (p === 0) {	×
17	return 1	×
18	}	×
19	if (p >= 100) {	×
20	return 100	×
21	}	×
22	return p	×
23	}, [props.value, props.max])	×
24		×
25	return (	×
26	<div className={`w-full h-4 ${props.className}`}>	×
27	<div className='w-full h-full bg-gray-400 rounded flex'>	×
NEW 28	<div	×
NEW 29	className={' transition-all duration-200 border-r h-full border-gray-500 last:border-r-0 bg-blue-500 rounded'}	×
NEW 30	style={{	×
NEW 31	width: `${progress}%`	×
NEW 32	}}	×
NEW 33	/>	×
34	</div>	×
35	{props.children}	×
36	</div>	×
37	)	×
38	}	×
39		×
40	export default ProgressBlock	×

clippingkk / web / #1022

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