feat: change pagination options

ui/src/album/AlbumList.js

@@ -12,7 +12,7 @@ import {
   SimpleShowLayout,
   TextField
 } from 'react-admin'
-import { DurationField, Title } from '../common'
+import { DurationField, Pagination, Title } from '../common'
 
 const AlbumFilter = (props) => (
   <Filter {...props}>
@@ -50,6 +50,8 @@ const AlbumList = (props) => (
     exporter={false}
     bulkActionButtons={false}
     filters={<AlbumFilter />}
+    perPage={15}
+    pagination={<Pagination />}
   >
     <Datagrid expand={<AlbumDetails />} rowClick={albumRowClick}>
       <TextField source="name" />

ui/src/artist/ArtistList.js

@@ -7,7 +7,7 @@ import {
   SearchInput,
   TextField
 } from 'react-admin'
-import { Title } from '../common'
+import { Pagination, Title } from '../common'
 
 const ArtistFilter = (props) => (
   <Filter {...props}>
@@ -28,6 +28,8 @@ const ArtistList = (props) => (
     exporter={false}
     bulkActionButtons={false}
     filters={<ArtistFilter />}
+    perPage={15}
+    pagination={<Pagination />}
   >
     <Datagrid rowClick={artistRowClick}>
       <TextField source="name" />

ui/src/common/Pagination.js

@@ -0,0 +1,8 @@
+import React from 'react'
+import { Pagination as RAPagination } from 'react-admin'
+
+const Pagination = (props) => (
+  <RAPagination rowsPerPageOptions={[15, 25, 50]} {...props} />
+)
+
+export default Pagination

ui/src/common/index.js

@@ -1,5 +1,6 @@
 import Title from './Title'
 import DurationField from './DurationField'
 import BitrateField from './BitrateField'
+import Pagination from './Pagination'
 
-export { Title, DurationField, BitrateField }
+export { Title, DurationField, BitrateField, Pagination }

ui/src/song/SongList.js

@@ -12,7 +12,7 @@ import {
   TextField,
   TextInput
 } from 'react-admin'
-import { BitrateField, DurationField, Title } from '../common'
+import { BitrateField, DurationField, Pagination, Title } from '../common'
 import AddToQueueButton from './AddToQueueButton'
 import PlayButton from './PlayButton'
 
@@ -54,6 +54,8 @@ const SongList = (props) => {
       exporter={false}
       bulkActionButtons={<SongBulkActionButtons />}
       filters={<SongFilter />}
+      perPage={15}
+      pagination={<Pagination />}
     >
       <Datagrid expand={<SongDetails />}>
         <PlayButton {...props} />