ethanneff/example

import React from 'react';
import { StyleSheet } from 'react-native';
import { v4 } from 'uuid';
import { ScrollView } from '../../../../components';
import { Lap } from './Lap';

type LapTableProperties = {
  readonly laps: number[];
  readonly timer: number;
};

export const LapsTable = ({ laps, timer }: LapTableProperties) => {
  const finishedLaps = laps.slice(1);
  let min = Number.MAX_SAFE_INTEGER;
  let max = Number.MIN_SAFE_INTEGER;
  if (finishedLaps.length >= 2)
    for (const lap of finishedLaps) {
      if (lap < min) min = lap;

      if (lap > max) max = lap;
    }

  const styles = StyleSheet.create({
    scrollView: {
      alignSelf: 'stretch',
    },
  });
  return (
    <ScrollView style={styles.scrollView}>
      {laps.map((lap, index) => (
        <Lap
          fastest={lap === min}
          interval={index === 0 ? timer + lap : lap}
          key={v4()}
          num={laps.length - index}
          slowest={lap === max}
        />
      ))}
    </ScrollView>
  );
};