move kyc acceptance to post approval

admin/src/components/ProposalDetail/index.tsx

@@ -274,17 +274,7 @@ class ProposalDetailNaked extends React.Component<Props, State> {
                 description={
                   <div>
                     <p>Please review this proposal and render your judgment.</p>
-                    {!p.kycApproved ? (
+
-                      <Button
-                        className="ProposalDetail-review"
-                        loading={store.proposalDetailApprovingKyc}
-                        icon="check"
-                        type="primary"
-                        onClick={() => this.handleApproveKYC()}
-                      >
-                        KYC Approved
-                      </Button>
-                    ) : (
                     <>
                       <Button
                         className="ProposalDetail-review"
@@ -305,7 +295,7 @@ class ProposalDetailNaked extends React.Component<Props, State> {
                         Approve Without Funding
                       </Button>
                     </>
-                    )}
+
                     <Button
                       className="ProposalDetail-review"
                       loading={store.proposalDetailMarkingChangesAsResolved}
@@ -387,6 +377,31 @@ class ProposalDetailNaked extends React.Component<Props, State> {
     const renderNominateArbiter = () =>
       needsArbiter &&
       shouldShowArbiter && (
+        <>
+          {!p.kycApproved ? (
+            <Alert
+              showIcon
+              type="error"
+              message="KYC approval required"
+              description={
+                <div>
+                  <p>
+                    Please wait until an Admin has marked KYC approved before proceeding
+                    with payouts.
+                  </p>
+                  <Button
+                    className="ProposalDetail-review"
+                    loading={store.proposalDetailApprovingKyc}
+                    icon="check"
+                    type="primary"
+                    onClick={() => this.handleApproveKYC()}
+                  >
+                    KYC Approved
+                  </Button>
+                </div>
+              }
+            />
+          ) : (
             <Alert
               showIcon
               type="warning"
@@ -398,6 +413,8 @@ class ProposalDetailNaked extends React.Component<Props, State> {
                 </div>
               }
             />
+          )}
+        </>
       );
 
     const renderNominatedArbiter = () =>
@@ -514,6 +531,8 @@ class ProposalDetailNaked extends React.Component<Props, State> {
       </div>
     );
 
+    console.log(p);
+
     return (
       <div className="ProposalDetail">
         <Back to="/proposals" text="Proposals" />