From 195a6ffc8440dff42a1d76ba8956ff8ba151395f Mon Sep 17 00:00:00 2001
From: pip <webeire@gmail.com>
Date: Sat, 31 Oct 2020 15:24:15 +0000
Subject: [PATCH 1/2] hardcode fro 5 to 10

---
 src/screens/Proposals.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/screens/Proposals.js b/src/screens/Proposals.js
index 3c05a651c..e7cb3a3bf 100644
--- a/src/screens/Proposals.js
+++ b/src/screens/Proposals.js
@@ -26,7 +26,7 @@ import {
 
 import { addressesEqualNoSum as addressesEqual } from '../lib/web3-utils'
 
-const ENTRIES_PER_PAGE = 5
+const ENTRIES_PER_PAGE = 10
 
 const Proposals = React.memo(
   ({

From 4af5b6450c458e55939cf50d809310dbea30dcf2 Mon Sep 17 00:00:00 2001
From: pip <webeire@gmail.com>
Date: Mon, 2 Nov 2020 21:47:57 +0000
Subject: [PATCH 2/2] WIP: arrggg, I hate frontend!

---
 src/screens/Proposals.js | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/screens/Proposals.js b/src/screens/Proposals.js
index e7cb3a3bf..87680bae4 100644
--- a/src/screens/Proposals.js
+++ b/src/screens/Proposals.js
@@ -2,6 +2,7 @@ import BigNumber from 'bignumber.js'
 import React, { useCallback, useMemo } from 'react'
 import {
   Box,
+  DropDown,
   Button,
   DataView,
   Link,
@@ -26,7 +27,7 @@ import {
 
 import { addressesEqualNoSum as addressesEqual } from '../lib/web3-utils'
 
-const ENTRIES_PER_PAGE = 10
+const ENTRIES_PER_PAGE = [5,10,25,50]
 
 const Proposals = React.memo(
   ({
@@ -118,6 +119,13 @@ const Proposals = React.memo(
       [history]
     )
 
+    let current_entries_per_page = ENTRIES_PER_PAGE[0]
+    let selected_entries_per_page = 1
+    const updateProposalsPerPage = useCallback((selected, value) => {
+      current_entries_per_page = ENTRIES_PER_PAGE[selected]
+      selected_entries_per_page = selected
+    }, [])
+
     return (
       <div>
         {!compactMode && (
@@ -138,6 +146,14 @@ const Proposals = React.memo(
                   display={compactMode ? 'icon' : 'label'}
                 />
               )}
+              <div>
+                <DropDown
+                  id="perpage"
+                  items={ENTRIES_PER_PAGE}
+                  selected={selected_entries_per_page}
+                  onChange={updateProposalsPerPage}
+                />
+              </div>
               <FilterBar
                 proposalsSize={filteredProposals.length}
                 proposalExecutionStatusFilter={proposalExecutionStatusFilter}
@@ -273,7 +289,7 @@ const Proposals = React.memo(
             return entriesElements
           }}
           tableRowHeight={14 * GU}
-          entriesPerPage={ENTRIES_PER_PAGE}
+          entriesPerPage={current_entries_per_page}
           page={currentPage}
           onPageChange={handleProposalPageChange}
         />