message: Use useScreenDimensions
diff: import { Box, color } from "@artsy/palette"
  +import { useScreenDimensions } from "lib/utils/useScreenDimensions"
  import React from "react"
  import { Dimensions, FlatList, Image, TouchableHighlight, TouchableOpacity, View } from "react-native"
  import styled from "styled-components/native"
  -const dimensionsWidth = Dimensions.get("window").width
  -const isPad = dimensionsWidth > 700
  -const imageSize = (dimensionsWidth - 60) / 2
  -
  const SelectedIndicator = styled.View`
  border-color: white;
  border-radius: 13;
  @@ -44,7 +41,11 @@ const SelectedIcon = () => (
  </SelectedIndicator>
  )
  -const TakePhotoImage = (props: TakePhotoImageProps) => (
  +const TakePhotoImage = (props: TakePhotoImageProps) => {
  + const { width } = useScreenDimensions()
  + const imageSize = (width - 60) / 2
  +
  + return (
  <TouchableOpacity
  onPress={props.onPressNewPhoto}
  style={{
  @@ -61,8 +62,13 @@ const TakePhotoImage = (props: TakePhotoImageProps) => (
  <Image source={require("../../../../../images/consignments/camera-black.png")} />
  </TouchableOpacity>
  )
  +}
  -const ImageForURI = (props: ImagePreviewProps) => (
  +const ImageForURI = (props: ImagePreviewProps) => {
  + const { width } = useScreenDimensions()
  + const imageSize = (width - 60) / 2
  +
  + return (
  <View
  style={{
  position: "relative",
  @@ -94,6 +100,13 @@ const ImageForURI = (props: ImagePreviewProps) => (
  {props.selected ? <SelectedIcon /> : null}
  </View>
  )
  +}
  +
  +const EmptyView = () => {
  + const { width } = useScreenDimensions()
  + const imageSize = (width - 60) / 2
  + return <View style={{ width: imageSize, height: imageSize, marginBottom: 20 }} />
  +}
  interface Props {
  data: ImageData[]
  @@ -134,7 +147,10 @@ export default class ImageSelection extends React.Component<Props, State> {
  }
  render() {
  + const dimensionsWidth = Dimensions.get("window").width
  + const isPad = dimensionsWidth > 700
  const data = isPad ? [TakePhotoID, ...this.props.data] : [TakePhotoID, ...this.props.data, BlankImageID]
  +
  return (
  <FlatList
  data={data}
  @@ -152,7 +168,7 @@ export default class ImageSelection extends React.Component<Props, State> {
  if (item === TakePhotoID) {
  return <TakePhotoImage onPressNewPhoto={this.props.onPressNewPhoto} />
  } else if (item === BlankImageID) {
  - return <View style={{ width: imageSize, height: imageSize, marginBottom: 20 }} />
  + return <EmptyView />
  }
  } else {
  return (
  