Add defaultPerPage prop

web/components/panel/aliases/Matches.tsx

@@ -3,9 +3,9 @@ import { CATEGORIES } from 'constants/categories';
 import { FileCopy } from '@material-ui/icons';
 import { Matches } from 'components/panel/utils/Matches';
 import * as moment from 'moment';
+import * as React from 'react';
 // @ts-ignore
 import * as copy from 'clipboard-copy';
-import * as React from 'react';
 import { Ptorx } from 'types/ptorx';
 
 export const AliasMatches = () => (
@@ -21,6 +21,7 @@ export const AliasMatches = () => (
         </IconButton>
       </ListItemSecondaryAction>
     )}
+    defaultPerPage={10}
     description={(alias: Ptorx.AliasList[0]) =>
       `Created ${moment.unix(alias.created).fromNow()}`
     }

web/components/panel/messages/Matches.tsx

@@ -7,6 +7,7 @@ import { Ptorx } from 'types/ptorx';
 
 export const MessageMatches = () => (
   <Matches
+    defaultPerPage={25}
     description={(message: Ptorx.MessageList[0]) =>
       `Received ${moment.unix(message.created).fromNow()}`
     }

web/components/panel/utils/Matches.tsx

@@ -19,6 +19,7 @@ const styles = createStyles({ link: { textDecoration: 'none' } });
 
 interface MatchesProps extends WithStyles<typeof styles> {
   secondaryAction?: (item: any) => React.ReactNode;
+  defaultPerPage?: 5 | 10 | 25 | 50 | 100;
   description: (item: any) => string;
   category: Category;
   noLink?: boolean;
@@ -31,7 +32,7 @@ interface MatchesState {
 }
 
 class _Matches extends React.Component<MatchesProps, MatchesState> {
-  state: MatchesState = { perPage: 5, page: 1 };
+  state: MatchesState = { perPage: this.props.defaultPerPage || 5, page: 1 };
 
   static contextType = PanelContext;
   context!: React.ContextType<typeof PanelContext>;