If forms in the select viewer have the same name, append a counter.

diff --git a/src/TaxReturnView.tsx b/src/TaxReturnView.tsx
index 27d8810176f2edaa7296e270703035305c54a9f2..1576e61b5db862dc336df72175f5d57037bfdb62 100644 (file)
--- a/src/TaxReturnView.tsx
+++ b/src/TaxReturnView.tsx
@@ -31,6 +31,7 @@ export default function TaxReturnView(props: Props) {
   };
 
   const formIndexToName = createMemo(() => {
+    const formNameCounts = {};
     let forms = props.tr.forms.map((form, i) => {
       let name = form.name;
       const person = form.person();
@@ -38,6 +39,12 @@ export default function TaxReturnView(props: Props) {
         const personName = person === Person.joint ? 'Joint' : person.name;
         name += ` (${personName})`;
       }
+      if (name in formNameCounts) {
+        formNameCounts[name] += 1;
+        name += ` (${formNameCounts[name]})`;
+      } else {
+        formNameCounts[name] = 1;
+      }
       return [i, name];
     });
     forms.sort((a, b) => {