Added ITM badges

adamhwang · May 13, 2024 · e816034 · e816034
1 parent 7d6cb09
commit e816034
Showing 1 changed file with 17 additions and 2 deletions.
diff --git a/src/components/Table.tsx b/src/components/Table.tsx
@@ -11,7 +11,7 @@ export type TableProps = {
 };
 
 const Table: FunctionComponent<TableProps> = ({ name, x, start, current }) => {
-  const { strategy, underlying } = useContext(OptionLegs);
+  const { strategy, underlying, optionLegs } = useContext(OptionLegs);
 
   if (!x || !start || !current) return <></>;
 
@@ -20,7 +20,22 @@ const Table: FunctionComponent<TableProps> = ({ name, x, start, current }) => {
       <tr key={`row-${i}`}>
         <td scope="row">{i + 1}</td>
         <td>{formatUSD(start.optionLegValues[i])}</td>
-        <td>{formatUSD(current.optionLegValues[i])}</td>
+        <td>
+          <span className="me-2">{formatUSD(current.optionLegValues[i])}</span>
+          {(optionLegs[i].callPut === "call" && x > optionLegs[i].k) ||
+          (optionLegs[i].callPut === "put" && x < optionLegs[i].k) ? (
+            <small
+              className={
+                "badge " +
+                (optionLegs[i].longShort == "long"
+                  ? "text-bg-warning"
+                  : "text-bg-danger")
+              }
+            >
+              ITM
+            </small>
+          ) : null}
+        </td>
         <td>
           {formatUSD(current.optionLegValues[i] - start.optionLegValues[i])}
         </td>