• Home
  • Features
  • Pricing
  • Docs
  • Announcements
  • Sign In

zendeskgarden / react-components / f3d00f1e-ceae-4d36-ba47-a3042f45e7eb

01 Apr 2024 11:34AM UTC coverage: 96.194%. Remained the same
f3d00f1e-ceae-4d36-ba47-a3042f45e7eb

push

circleci

web-flow
chore(deps): update typescript-eslint monorepo to v7

3321 of 3659 branches covered (90.76%)

Branch coverage included in aggregate %.

10076 of 10268 relevant lines covered (98.13%)

215.9 hits per line

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

70.0
/packages/accordions/src/elements/timeline/components/Content.tsx
1
/**
2
 * Copyright Zendesk, Inc.
3
 *
4
 * Use of this source code is governed under the Apache License, Version 2.0
5
 * found at http://www.apache.org/licenses/LICENSE-2.0.
6
 */
7

8
import React, { forwardRef, HTMLAttributes } from 'react';
2✔
9
import CircleIcon from '@zendeskgarden/svg-icons/src/12/circle-full-stroke.svg';
2✔
10
import { StyledTimelineContent, StyledSeparator, StyledItemIcon } from '../../../styled';
2✔
11
import { useTimelineItemContext } from '../../../utils';
2✔
12

13
const ContentComponent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(
2✔
14
  (props, ref) => {
15
    const { icon, surfaceColor } = useTimelineItemContext();
×
16

17
    return (
18
      <>
19
        <StyledSeparator>
20
          <StyledItemIcon surfaceColor={surfaceColor}>{icon || <CircleIcon />}</StyledItemIcon>
×
21
        </StyledSeparator>
22
        <StyledTimelineContent ref={ref} {...props} />
23
      </>
24
    );
25
  }
26
);
27

28
ContentComponent.displayName = 'Timeline.Content';
2✔
29

30
/**
31
 * @extends HTMLAttributes<HTMLDivElement>
32
 */
33
export const Content = ContentComponent;
2✔
STATUS · Troubleshooting · Open an Issue · Sales · Support · CAREERS · ENTERPRISE · START FREE · SCHEDULE DEMO
ANNOUNCEMENTS · TWITTER · TOS & SLA · Supported CI Services · What's a CI service? · Automated Testing

© 2025 Coveralls, Inc