fix: review feedback

src/v2/@types/table.js

@@ -0,0 +1,8 @@
+//@flow
+
+export type TableHeadProps = {
+  name: string,
+  text: string,
+  term: string,
+  width?: number,
+};

src/v2/components/Applications/Table/index.jsx

@@ -16,17 +16,11 @@ import {Link} from 'react-router-dom';
 import {map} from 'lodash/fp';
 import HelpLink from 'v2/components/HelpLink';
 import TypeLabel from 'v2/components/UI/TypeLabel';
+import type {TableHeadProps} from 'v2/@types/table';
 
 import useStyles from './styles';
 
-type THead = {
-  name: string,
-  text: string,
-  term: string,
-  width?: number,
-};
-
-const tHeads: THead[] = [
+const tHeads: TableHeadProps[] = [
   {
     name: 'Application Id',
     text: '',
@@ -65,7 +59,7 @@ const ApplicationsTable = ({separate}: {separate: boolean}) => {
       </TableRow>
     );
   };
-  const renderTH = ({name, width, ...rest}: THead) => (
+  const renderTH = ({name, width, ...rest}: TableHeadProps) => (
     <TableCell key={name} width={width}>
       {name}
       <HelpLink {...rest} />

src/v2/components/Blocks/Table/index.jsx

@@ -15,18 +15,12 @@ import {observer} from 'mobx-react-lite';
 import {Link} from 'react-router-dom';
 import {map} from 'lodash/fp';
 import Avatar from 'v2/components/UI/Avatar';
+import type {TableHeadProps} from 'v2/@types/table';
 
 import HelpLink from '../../HelpLink';
 import useStyles from './styles';
 
-type THead = {
-  name: string,
-  text: string,
-  term: string,
-  width?: number,
-};
-
-const tHeads: THead[] = [
+const tHeads: TableHeadProps[] = [
   {
     name: 'blocks',
     text: '',
@@ -79,7 +73,7 @@ const BlocksTable = ({separate}: {separate: boolean}) => {
       </TableRow>
     );
   };
-  const renderTH = ({name, width, ...rest}: THead) => (
+  const renderTH = ({name, width, ...rest}: TableHeadProps) => (
     <TableCell key={name} width={width}>
       {name}
       <HelpLink {...rest} />

src/v2/components/Favorites/Accounts.jsx

@@ -15,17 +15,11 @@ import {observer} from 'mobx-react-lite';
 import {Link} from 'react-router-dom';
 import {map} from 'lodash/fp';
 import HelpLink from 'v2/components/HelpLink';
+import type {TableHeadProps} from 'v2/@types/table';
 
 import useStyles from './styles';
 
-type THead = {
-  name: string,
-  text: string,
-  term: string,
-  width?: number,
-};
-
-const tHeads: THead[] = [
+const tHeads: TableHeadProps[] = [
   {
     name: 'Account Id',
     text: '',
@@ -68,7 +62,7 @@ const AccountsTable = ({separate}: {separate: boolean}) => {
       </TableRow>
     );
   };
-  const renderTH = ({name, width, ...rest}: THead) => (
+  const renderTH = ({name, width, ...rest}: TableHeadProps) => (
     <TableCell key={name} width={width}>
       {name}
       <HelpLink {...rest} />

src/v2/components/Favorites/index.jsx

@@ -13,12 +13,14 @@ import useStyles from './styles';
 
 const TransactionsPage = () => {
   const classes = useStyles();
-  const [tab, setTab] = useState(0);
+  const [tab, setTab] = useState('applications');
   const theme = useTheme();
   const verticalTabs = useMediaQuery(theme.breakpoints.down('xs'));
   const handleTabChange = (event, tab) => setTab(tab);
-  const tabNav = ['Applications', 'Accounts'];
-  const renderTabNav = label => <TabNav key={label} label={label} />;
+  const tabNav = ['applications', 'accounts'];
+  const renderTabNav = label => (
+    <TabNav key={label} label={label} value={label} />
+  );
 
   return (
     <Container>
@@ -38,8 +40,8 @@ const TransactionsPage = () => {
       >
         {map(renderTabNav)(tabNav)}
       </Tabs>
-      {eq(0, tab) && <ApplicationsTable />}
-      {eq(1, tab) && <AccountsTable />}
+      {eq('applications', tab) && <ApplicationsTable />}
+      {eq('accounts', tab) && <AccountsTable />}
     </Container>
   );
 };

src/v2/components/Transactions/Table/index.jsx

@@ -16,16 +16,11 @@ import {Link} from 'react-router-dom';
 import {map} from 'lodash/fp';
 import HelpLink from 'v2/components/HelpLink';
 import TypeLabel from 'v2/components/UI/TypeLabel';
+import type {TableHeadProps} from 'v2/@types/table';
 
 import useStyles from './styles';
 
-type THead = {
-  name: string,
-  text: string,
-  term: string,
-};
-
-const tHeads: THead[] = [
+const tHeads: TableHeadProps[] = [
   {
     name: 'hash',
     text: '',
@@ -97,7 +92,7 @@ const TransactionsTable = ({
       </TableRow>
     );
   };
-  const renderTH = ({name, ...rest}: THead) => (
+  const renderTH = ({name, ...rest}: TableHeadProps) => (
     <TableCell key={name}>
       {name}
       <HelpLink {...rest} />