TooltipUserTimingMark() — react Function Reference

Architecture documentation for the TooltipUserTimingMark() function in EventTooltip.js from the react codebase.

Function javascript BabelCompiler Validation calls 1

Entity Profile

BabelCompiler→ Validation→ TooltipUserTimingMark() — react Function Reference

Dependency Diagram

graph TD
  fad3f6de_0588_7f0c_df30_043e607d603a["TooltipUserTimingMark()"]
  57dc23c0_c74d_e09e_ad1f_116cb590a38c["EventTooltip.js"]
  fad3f6de_0588_7f0c_df30_043e607d603a -->|defined in| 57dc23c0_c74d_e09e_ad1f_116cb590a38c
  5ec23e51_b01a_6d75_3953_f12a0c47408d["formatTimestamp()"]
  fad3f6de_0588_7f0c_df30_043e607d603a -->|calls| 5ec23e51_b01a_6d75_3953_f12a0c47408d
  style fad3f6de_0588_7f0c_df30_043e607d603a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/EventTooltip.js lines 475–487

const TooltipUserTimingMark = ({mark}: {mark: UserTimingMark}) => {
  const {name, timestamp} = mark;
  return (
    <div className={styles.TooltipSection}>
      <span className={styles.UserTimingLabel}>{name}</span>
      <div className={styles.Divider} />
      <div className={styles.DetailsGrid}>
        <div className={styles.DetailsGridLabel}>Timestamp:</div>
        <div>{formatTimestamp(timestamp)}</div>
      </div>
    </div>
  );
};