/** * Copyright (c) 2019 Paul Armstrong */ import { RevisionDeltaCell as Cell } from '@build-tracker/comparator'; import { formatSha } from '@build-tracker/formatting'; import Hoverable from '../Hoverable'; import React from 'react'; import RelativeTooltip from '../RelativeTooltip'; import { Th } from '../Table'; import { StyleProp, StyleSheet, Text, View, ViewStyle } from 'react-native'; interface Props { cell: Cell; style?: StyleProp; } export const RevisionDeltaCell = (props: Props): React.ReactElement => { const { againstRevision, deltaIndex, revision } = props.cell; const viewRef = React.useRef(null); return ( {(isHovered) => ( {`𝚫${deltaIndex}`} {isHovered ? ( ) : null} )} ); }; const styles = StyleSheet.create({ delta: { fontWeight: 'bold', }, }); export default React.memo(RevisionDeltaCell);