// @flow

import { connect } from 'lib/utils/redux-utils';
import * as React from 'react';
import { ActivityIndicator } from 'react-native';

import type { AppState } from '../redux/redux-setup';
import type { Colors } from '../themes/colors';
import { colorsSelector, styleSelector } from '../themes/colors';

type Props = {|
  // Redux state
  colors: Colors,
  styles: typeof styles,
|};
function ListLoadingIndicator(props: Props) {
  const { listBackgroundLabel } = props.colors;
  return (
    <ActivityIndicator
      color={listBackgroundLabel}
      size="large"
      style={props.styles.loadingIndicator}
    />
  );
}

const styles = {
  loadingIndicator: {
    backgroundColor: 'listBackground',
    flex: 1,
    padding: 10,
  },
};
const stylesSelector = styleSelector(styles);

export default connect((state: AppState) => ({
  colors: colorsSelector(state),
  styles: stylesSelector(state),
}))(ListLoadingIndicator);

@@ -7,57 +7,8 @@
 ow%0A%0A
-import %7B connect %7D from 'lib/utils/redux-utils';%0A
 impo
@@ -97,295 +97,165 @@
 ort 
-type %7B AppState %7D from '../redux/redux-setup';%0Aimport type %7B Colors %7D from '../themes/colors';%0Aimport %7B colorsSelector, styleSelector %7D from '../themes/colors';%0A%0Atype Props = %7B%7C%0A  // Redux state%0A  colors: Colors,%0A  styles: typeof styles,%0A%7C%7D;%0Afunction ListLoadingIndicator(props: Props) %7B
+%7B useStyles, useColors %7D from '../themes/colors';%0A%0Afunction ListLoadingIndicator() %7B%0A  const styles = useStyles(unboundStyles);%0A  const colors = useColors();
 %0A  c
@@ -285,22 +285,16 @@
 bel %7D = 
-props.
 colors;%0A
@@ -397,14 +397,8 @@
 le=%7B
-props.
 styl
@@ -435,25 +435,32 @@
 );%0A%7D%0A%0Aconst 
-s
+unboundS
 tyles = %7B%0A  
@@ -560,172 +560,24 @@
 %0A%7D;%0A
-const stylesSelector = styleSelector(styles);%0A%0Aexport default connect((state: AppState) =%3E (%7B%0A  colors: colorsSelector(state),%0A  styles: stylesSelector(state),%0A%7D))(
+%0Aexport default 
 List
@@ -592,11 +592,10 @@
 ndicator
-)
 ;%0A

Use hook instead of connect functions and HOC in ListLoadingIndicator