emanueleDiVizio

const CoolButton = () => {
  const [play] = useAudioPlayer('filename.wav');
  
  const onPress = () => play();
  
  return (
      <Button
        title="Play!"
        onPress={onPress}
      />

emanueleDiVizio

function useInterval(callback, delay) {
  const savedCallback = useRef();

  useEffect(() => {
    savedCallback.current = callback;
  });

  useEffect(() => {
    function tick() {
      savedCallback.current();

emanueleDiVizio

function useCurrentTime(delay = 1000){
    const [currentTime, setCurrentTime] = useState(moment());

    useInterval(() => {
        setCurrentTime(moment())
    }, delay)

    return currentTime;
}

emanueleDiVizio

function useCurrentTime(){
    const [currentTime, setCurrentTime] = useState(moment());

    return currentTime;
}

emanueleDiVizio

function useCurrentTime(){
    const [currentTime, setCurrentTime] = useState(moment());

    useInterval(() => {
        setCurrentTime(moment())
    }), 1000)

    return currentTime;
}

emanueleDiVizio

function useCurrentTime(){
    const [currentTime, setCurrentTime] = useState(moment());

    useInterval(() => {
        setCurrentTime(moment())
    }, 1000)

    return currentTime;
}

emanueleDiVizio

const CurrentTime = () => {
    const time = useCurrentTime();

    return (
        <Text>
            {time.format("HH : mm : ss")}
        </Text>
    )
}

emanueleDiVizio

const shiftSlice = createSlice({
  name: 'shifts',
  initialState: [],
  reducers: {
    startShift: state => [
      ...state,
      {
        startTime: moment().valueOf(),
        endTime: moment()
          .add(DEFAULT_SHIFT_DURATION, 'h')

emanueleDiVizio

const shiftSlice = createSlice({
  name: 'shifts',
  initialState: [],
  reducers: {
    startShift: state => [
      ...state,
      {
        startTime: moment().valueOf(),
        endTime: moment()
          .add(DEFAULT_SHIFT_DURATION, 'h')

emanueleDiVizio

const lastShiftSelector = state => state.shifts.slice(-1)[0]

const ShiftButton = () => {
  const dispatch = useDispatch()
  const currentTime = useCurrentTime()

  const lastShift = useSelector(lastShiftSelector)
  const [isOnShift, setIsOnShift] = useState(false)

  useEffect(() => {