#1178

Committed 21 Aug 2025 10:49AM UTC coverage: 0.523% (-0.02%) from 0.546%

Build # #1178

Build Type

push

Committed by

Commit Message

Merge c060881fd into 4eea96e38

Run Details

30 of 448 branches covered (6.7%)

Branch coverage included in aggregate %.

12 of 7134 new or added lines in 368 files covered. (0.17%)

3 existing lines in 3 files now uncovered.

147 of 33423 relevant lines covered (0.44%)

8.69 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 type React from 'react'
import { 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-sm flex'>
        <div
          className={
            ' transition-all duration-200 border-r h-full border-gray-500 last:border-r-0 bg-blue-500 rounded-sm'
          }
          style={{
            width: `${progress}%`,
          }}
        />
      </div>
      {props.children}
    </div>
  )
}

export default ProgressBlock

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

clippingkk / web / #1178

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