From 357d969b60150f69934fed0a22aeb49d724d4494 Mon Sep 17 00:00:00 2001
From: Peter White <23270067+peterwht@users.noreply.github.com>
Date: Sat, 14 Jan 2023 01:52:01 -0700
Subject: [PATCH] Small fixes to provide council page compatibility (#8791)

* small fixes to provide council page compatibility

* Suggestions to get CI to lint

* Update packages/page-democracy/src/Overview/ProposalCell.tsx

Co-authored-by: Jaco <jacogr@gmail.com>
---
 packages/page-council/src/Overview/Voters.tsx | 33 +++++++++++--------
 .../src/Overview/ProposalCell.tsx             |  2 +-
 2 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/packages/page-council/src/Overview/Voters.tsx b/packages/page-council/src/Overview/Voters.tsx
index e74a02aead..cbb0186672 100644
--- a/packages/page-council/src/Overview/Voters.tsx
+++ b/packages/page-council/src/Overview/Voters.tsx
@@ -28,19 +28,26 @@ function Voters ({ balance, voters }: Props): React.ReactElement<Props> {
 
   return (
     <>
-      <td className='expand'>
-        <ExpanderScroll
-          className={balance ? '' : '--tmp'}
-          renderChildren={renderVoters}
-          summary={<FormatBalance value={balance} />}
-        />
-      </td>
-      <td className='number'>
-        {voters
-          ? formatNumber(voters.length)
-          : <span className='--tmp'>123</span>
-        }
-      </td>
+      {voters
+        ? (
+          <>
+            <td className='expand'>
+              <ExpanderScroll
+                className={balance ? '' : '--tmp'}
+                renderChildren={renderVoters}
+                summary={<FormatBalance value={balance} />}
+              />
+            </td>
+            <td className='number'>
+              {voters
+                ? formatNumber(voters.length)
+                : <span className='--tmp'>123</span>
+              }
+            </td>
+          </>
+        )
+        : <td colSpan={2} />
+      }
     </>
   );
 }
diff --git a/packages/page-democracy/src/Overview/ProposalCell.tsx b/packages/page-democracy/src/Overview/ProposalCell.tsx
index c2a3cbeb55..9e70644730 100644
--- a/packages/page-democracy/src/Overview/ProposalCell.tsx
+++ b/packages/page-democracy/src/Overview/ProposalCell.tsx
@@ -31,7 +31,7 @@ function ProposalCell ({ className = '', imageHash, proposal }: Props): React.Re
   const preimage = usePreimage(imageHash);
 
   // while we still have this endpoint, democracy will use it
-  const displayProposal = api.query.democracy.preimages
+  const displayProposal = api.query.democracy?.preimages
     ? proposal
     : preimage?.proposal;