fixed phonetics on inflection patterns

src/components/src/HumanReadableInflectionPattern.tsx

@@ -1,18 +1,30 @@
 import * as T from "../../types";
 import InlinePs from "./InlinePs";
 
-export default function HumanReadableInflectionPattern(p: T.InflectionPattern, textOptions: T.TextOptions): JSX.Element | null {
+export default function HumanReadableInflectionPattern(
-    return p === 1
+  p: T.InflectionPattern,
-        ? <span>#1 Basic</span>
+  textOptions: T.TextOptions
-        : p === 2
+): JSX.Element | null {
-        ? <span>#2 Unstressed <InlinePs opts={textOptions}>{{ p: "ی", f: "ey", e: "" }}</InlinePs></span>
+  return p === 1 ? (
-        : p === 3
+    <span>#1 Basic</span>
-        ? <span>#3 Stressed <InlinePs opts={textOptions}>{{ p: "ی", f: "éy", e: "" }}</InlinePs></span>
+  ) : p === 2 ? (
-        : p === 4
+    <span>
-        ? <span>#4 "Pashtoon"</span>
+      #2 Unstressed{" "}
-        : p === 5
+      <InlinePs opts={textOptions}>{{ p: "ی", f: "ay", e: "" }}</InlinePs>
-        ? <span>#5 Short Squish</span>
+    </span>
-        : p === 6
+  ) : p === 3 ? (
-        ? <span>#6 Fem. inan. <InlinePs opts={textOptions}>{{ p: "ي", f: "ee", e: "" }}</InlinePs></span>
+    <span>
-        : null;
+      #3 Stressed{" "}
+      <InlinePs opts={textOptions}>{{ p: "ی", f: "áy", e: "" }}</InlinePs>
+    </span>
+  ) : p === 4 ? (
+    <span>#4 "Pashtoon"</span>
+  ) : p === 5 ? (
+    <span>#5 Short Squish</span>
+  ) : p === 6 ? (
+    <span>
+      #6 Fem. inan.{" "}
+      <InlinePs opts={textOptions}>{{ p: "ي", f: "ee", e: "" }}</InlinePs>
+    </span>
+  ) : null;
 }