Admin Milestone Rendering (#442)

* add support for milestones in admin proposal review view * prettier * prettier * tweak data displayed * move milestones
ZcashFoundation · May 28, 2019 · 0c3164c · 0c3164c
1 parent 5e3e2d9
commit 0c3164c
Showing 1 changed file with 24 additions and 1 deletion.
diff --git a/admin/src/components/ProposalDetail/index.tsx b/admin/src/components/ProposalDetail/index.tsx
@@ -12,6 +12,7 @@ import {
   Popconfirm,
   Input,
   Switch,
+  Tag,
   message,
 } from 'antd';
 import TextArea from 'antd/lib/input/TextArea';
@@ -379,7 +380,8 @@ class ProposalDetailNaked extends React.Component<Props, State> {
             {renderNominatedArbiter()}
             {renderMilestoneAccepted()}
             {renderFailed()}
-            <Collapse defaultActiveKey={['brief', 'content']}>
+            <Collapse defaultActiveKey={['brief', 'content', 'milestones']}>
+
               <Collapse.Panel key="brief" header="brief">
                 {p.brief}
               </Collapse.Panel>
@@ -388,6 +390,27 @@ class ProposalDetailNaked extends React.Component<Props, State> {
                 <Markdown source={p.content} />
               </Collapse.Panel>
 
+              <Collapse.Panel key="milestones" header="milestones">
+                  {
+                      p.milestones.map((milestone, i) =>
+
+                          <Card title={
+                                <>
+                                  {milestone.title + ' '}
+                                  {milestone.immediatePayout && <Tag color="magenta">Immediate Payout</Tag>}
+                                </>
+                                }
+                                extra={`${milestone.payoutPercent}% Payout`}
+                                key={i}
+                          >
+                              <p><b>Estimated Date:</b> {formatDateSeconds(milestone.dateEstimated )} </p>
+                              <p>{milestone.content}</p>
+                          </Card>
+
+                      )
+                  }
+              </Collapse.Panel>
+
               <Collapse.Panel key="json" header="json">
                 <pre>{JSON.stringify(p, null, 4)}</pre>
               </Collapse.Panel>