From aeb0ea3f0d61794c56924e45e828c30cb40847e6 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Tue, 3 Dec 2019 20:29:01 +0100
Subject: [PATCH] Fix Tech comm proposal display (Option) (#1995)

* Fix Tech comm proposal display (Option)

* Linting
---
 packages/app-democracy/src/Overview/ProposalCell.tsx | 2 +-
 packages/app-tech-comm/src/Proposals/Proposal.tsx    | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/app-democracy/src/Overview/ProposalCell.tsx b/packages/app-democracy/src/Overview/ProposalCell.tsx
index 0d3c0f78ae..757148e32b 100644
--- a/packages/app-democracy/src/Overview/ProposalCell.tsx
+++ b/packages/app-democracy/src/Overview/ProposalCell.tsx
@@ -12,7 +12,7 @@ import { Call } from '@polkadot/react-components';
 import translate from '../translate';
 
 interface Props extends I18nProps {
-  proposal?: Proposal;
+  proposal?: Proposal | null;
   proposalHash: Hash | string;
 }
 
diff --git a/packages/app-tech-comm/src/Proposals/Proposal.tsx b/packages/app-tech-comm/src/Proposals/Proposal.tsx
index 1d9175f1ae..9bedb0c7b0 100644
--- a/packages/app-tech-comm/src/Proposals/Proposal.tsx
+++ b/packages/app-tech-comm/src/Proposals/Proposal.tsx
@@ -6,10 +6,10 @@ import { Proposal as ProposalType, Votes } from '@polkadot/types/interfaces';
 import { I18nProps } from '@polkadot/react-components/types';
 
 import React from 'react';
-import { useApi, trackStream } from '@polkadot/react-hooks';
-import { Option } from '@polkadot/types';
 import { AddressMini } from '@polkadot/react-components';
+import { useApi, trackStream } from '@polkadot/react-hooks';
 import ProposalCell from '@polkadot/app-democracy/Overview/ProposalCell';
+import { Option } from '@polkadot/types';
 import { formatNumber } from '@polkadot/util';
 
 import translate from '../translate';
@@ -21,13 +21,14 @@ interface Props extends I18nProps {
 
 function Proposal ({ className, hash, t }: Props): React.ReactElement<Props> | null {
   const { api } = useApi();
-  const proposal = trackStream<ProposalType>(api.query.technicalCommittee.proposalOf, [hash]);
+  const _proposal = trackStream<Option<ProposalType>>(api.query.technicalCommittee.proposalOf, [hash]);
   const votes = trackStream<Option<Votes>>(api.query.technicalCommittee.voting, [hash]);
 
-  if (!proposal || !votes?.isSome) {
+  if (!votes?.isSome) {
     return null;
   }
 
+  const proposal = _proposal?.unwrapOr(null);
   const { ayes, index, nays, threshold } = votes.unwrap();
 
   return (