_getTimeTickInterval() — react Function Reference

Architecture documentation for the _getTimeTickInterval() function in TimeAxisMarkersView.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ _getTimeTickInterval() — react Function Reference

Dependency Diagram

graph TD
  cc142f82_2d4d_5ccf_45f4_c01e5d19059f["_getTimeTickInterval()"]
  1d9e04c1_cd02_d73d_2be2_f11bb12df958["TimeAxisMarkersView"]
  cc142f82_2d4d_5ccf_45f4_c01e5d19059f -->|defined in| 1d9e04c1_cd02_d73d_2be2_f11bb12df958
  8fb2b889_7666_0d3e_cc95_b3ddad42b164["draw()"]
  8fb2b889_7666_0d3e_cc95_b3ddad42b164 -->|calls| cc142f82_2d4d_5ccf_45f4_c01e5d19059f
  6743acc7_a552_31bd_d8df_67b4ec27ba6d["durationToWidth()"]
  cc142f82_2d4d_5ccf_45f4_c01e5d19059f -->|calls| 6743acc7_a552_31bd_d8df_67b4ec27ba6d
  style cc142f82_2d4d_5ccf_45f4_c01e5d19059f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/content-views/TimeAxisMarkersView.js lines 60–69

  _getTimeTickInterval(scaleFactor: number): number {
    for (let i = 0; i < INTERVAL_TIMES.length; i++) {
      const currentInterval = INTERVAL_TIMES[i];
      const intervalWidth = durationToWidth(currentInterval, scaleFactor);
      if (intervalWidth > MIN_INTERVAL_SIZE_PX) {
        return currentInterval;
      }
    }
    return INTERVAL_TIMES[0];
  }