Display N/A instead of cancel

web/components/bets-list.tsx

@@ -294,5 +294,5 @@ function NoLabel() {
 }
 
 function CancelLabel() {
-  return <span className="text-yellow-400">CANCEL</span>
+  return <span className="text-yellow-400">N/A</span>
 }

web/components/contract-overview.tsx

@@ -155,7 +155,9 @@ export const ContractOverview = (props: {
         {resolution ? (
           <Col className="text-4xl mt-8 md:mt-0 md:ml-4 md:mr-6 items-end self-center md:self-start">
             <div className="text-xl text-gray-500">Resolved</div>
-            <div className={resolutionColor}>{resolution}</div>
+            <div className={resolutionColor}>
+              {resolution === 'CANCEL' ? 'N/A' : resolution}
+            </div>
           </Col>
         ) : (
           <Col className="text-4xl mt-8 md:mt-0 md:ml-4 md:mr-6 text-primary items-end self-center md:self-start">

web/components/yes-no-selector.tsx

@@ -61,7 +61,7 @@ export function YesNoCancelSelector(props: {
         onClick={() => onSelect('CANCEL')}
         className={btnClassName}
       >
-        CANCEL
+        N/A
       </Button>
     </Row>
   )