diff --git a/README.md b/README.md
index 664e951..92e035b 100644
--- a/README.md
+++ b/README.md
@@ -141,9 +141,8 @@ const billetBank = {
 
 ## TODO
 
-- [ ] Add tutorial for updating Pie Charts
-- [ ] Add tutorial for updating Statistics
+- [ ] Redo whole tutorial section
 - [ ] Change cache warning on client to display time since cache refresh
 - [ ] Investigate the feasibility of sorting by rank after billet sorting (Subsorting? Consider using QuickSort)
-- [ ] Add graphical data visualization
+- [x] Add graphical data visualization
 - [ ] Code Refactorizing
\ No newline at end of file
diff --git a/client/src/App.js b/client/src/App.js
index da6eee7..b01b4e6 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -2,9 +2,9 @@ import React, { useEffect, useState } from "react";
 import "./App.css";
 import Collapsible from "react-collapsible";
 import lists from "./modules/Generic/BilletBank";
-import MilpacParse from "./modules/Generic/MilpacParse";
 import ErrorMessage from "./errorMessage";
 import Statistics from "./modules/Generic/Statistics";
+import CombinedFunction from "./modules/Generic/CombinedFunction";
 
 const CLIENT_TOKEN = process.env.REACT_APP_CLIENT_TOKEN;
 const combatApiUrl = process.env.REACT_APP_COMBAT_API_URL;
@@ -141,323 +141,61 @@ function MilpacRequest() {
       ) : (
         <>
           <div className="ListContainer">
-            <div className="DepartmentContainer">
-              <Collapsible
-                trigger="Regimental Command"
-                triggerClassName="Title"
-                triggerOpenedClassName="Title"
-                open={true}
-              >
-                <MilpacParse
-                  usePrimaryOnly={true}
-                  milpacArray={milpacArray}
-                  billetIDs={lists.regiCommand}
-                  subtitle={"Command Staff"}
-                />
-              </Collapsible>
-            </div>
-            <div className="DepartmentContainer">
-              <Collapsible
-                trigger="First Battalion"
-                triggerClassName="Title"
-                triggerOpenedClassName="Title"
-                open={true}
-              >
-                <div className="OneSevenCommand">
-                  <MilpacParse
-                    usePrimaryOnly={true}
-                    milpacArray={milpacArray}
-                    billetIDs={lists.oneSevenCommand}
-                    subtitle={"1-7 Command"}
-                  />
-                </div>
-                <div className="Alpha1">
-                  <MilpacParse
-                    usePrimaryOnly={true}
-                    milpacArray={milpacArray}
-                    billetIDs={lists.alpha1}
-                    subtitle={"Alpha Company 1-7"}
-                  />
-                </div>
-                <div className="Bravo1">
-                  <MilpacParse
-                    usePrimaryOnly={true}
-                    milpacArray={milpacArray}
-                    billetIDs={lists.bravo1}
-                    subtitle={"Bravo Company 1-7"}
-                  />
-                </div>
-                <div className="Charlie1">
-                  <MilpacParse
-                    usePrimaryOnly={true}
-                    milpacArray={milpacArray}
-                    billetIDs={lists.charlie1}
-                    subtitle={"Charlie Company 1-7"}
-                  />
-                </div>
-              </Collapsible>
-            </div>
-            <div className="DepartmentContainer">
-              <Collapsible
-                trigger="Second Battalion"
-                triggerClassName="Title"
-                triggerOpenedClassName="Title"
-                open={true}
-              >
-                <div className="TwoSevenCommand">
-                  <MilpacParse
-                    usePrimaryOnly={true}
-                    milpacArray={milpacArray}
-                    billetIDs={lists.twoSevenCommand}
-                    subtitle={"2-7 Command"}
-                  />
-                </div>
-                <div className="Alpha2">
-                  <MilpacParse
-                    usePrimaryOnly={true}
-                    milpacArray={milpacArray}
-                    billetIDs={lists.alpha2}
-                    subtitle={"Alpha Company 2-7"}
-                  />
-                </div>
-                <div className="Bravo2">
-                  <MilpacParse
-                    usePrimaryOnly={true}
-                    milpacArray={milpacArray}
-                    billetIDs={lists.bravo2}
-                    subtitle={"Bravo Company 2-7"}
-                  />
-                </div>
-                <div className="Charlie2">
-                  <MilpacParse
-                    usePrimaryOnly={true}
-                    milpacArray={milpacArray}
-                    billetIDs={lists.charlie2}
-                    subtitle={"Charlie Company 2-7"}
-                  />
-                </div>
-              </Collapsible>
-            </div>
-            <div className="DepartmentContainer">
-              <Collapsible
-                trigger="Auxillary Combat Division"
-                triggerClassName="Title"
-                triggerOpenedClassName="Title"
-                open={true}
-              >
-                <div className="ACDCommand">
-                  <MilpacParse
-                    usePrimaryOnly={true}
-                    milpacArray={milpacArray}
-                    billetIDs={lists.acdCommand}
-                    subtitle={"ACD Command"}
-                  />
-                </div>
-                <div className="Alpha3">
-                  <MilpacParse
-                    usePrimaryOnly={true}
-                    milpacArray={milpacArray}
-                    billetIDs={lists.alpha3}
-                    subtitle={"Alpha Company"}
-                  />
-                </div>
-                <div className="Bravo3">
-                  <MilpacParse
-                    usePrimaryOnly={true}
-                    milpacArray={milpacArray}
-                    billetIDs={lists.bravo3}
-                    subtitle={"Bravo Company"}
-                  />
-                </div>
-                <div className="Charlie3">
-                  <MilpacParse
-                    usePrimaryOnly={true}
-                    milpacArray={milpacArray}
-                    billetIDs={lists.charlie3}
-                    subtitle={"Charlie Company"}
-                  />
-                </div>
-                <div className="Delta3">
-                  <MilpacParse
-                    usePrimaryOnly={true}
-                    milpacArray={milpacArray}
-                    billetIDs={lists.delta3}
-                    subtitle={"Delta Company"}
-                  />
-                </div>
-                <div className="Echo3">
-                  <MilpacParse
-                    usePrimaryOnly={true}
-                    milpacArray={milpacArray}
-                    billetIDs={lists.echo3}
-                    subtitle={"Echo Company"}
-                  />
-                </div>
-                <div className="starterPlatoon">
-                  <MilpacParse
-                    usePrimaryOnly={true}
-                    milpacArray={milpacArray}
-                    billetIDs={lists.starterPlatoon}
-                    subtitle={"Starter Platoon"}
-                  />
-                </div>
-                <div className="futureC">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.futureC}
-                    subtitle={"Futures and Concepts Center"}
-                  />
-                </div>
-              </Collapsible>
-            </div>
-            <div className="DepartmentContainer">
-              <Collapsible
-                trigger="Information Management Office"
-                triggerClassName="Title"
-                triggerOpenedClassName="Title"
-                open={true}
-              >
-                <div className="IMOStaff">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.imoCommand}
-                    subtitle={"Information Management Office Command"}
-                  />
-                </div>
-                <div className="S1">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.s1}
-                    subtitle={"S1 - Administration"}
-                  />
-                </div>
-                <div className="S6">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.s6}
-                    subtitle={"S6 - Information Management"}
-                  />
-                </div>
-                <div className="WAG">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.wag}
-                    subtitle={"Wiki Administration Group"}
-                  />
-                </div>
-              </Collapsible>
-            </div>
-            <div className="DepartmentContainer">
-              <Collapsible
-                trigger="Security Operations Department"
-                triggerClassName="Title"
-                triggerOpenedClassName="Title"
-                open={true}
-              >
-                <div className="SecOpsStaff">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.secOpsCommand}
-                    subtitle={"Security Operations Command"}
-                  />
-                </div>
-                <div className="JAG">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.jag}
-                    subtitle={"Judge Advocate General Corps"}
-                  />
-                </div>
-                <div className="MP">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.mp}
-                    subtitle={"Military Police"}
-                  />
-                </div>
-                <div className="S2">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.s2}
-                    subtitle={"S2 - Intelligence and Security"}
-                  />
-                </div>
-              </Collapsible>
-            </div>
-            <div className="DepartmentContainer">
-              <Collapsible
-                trigger="Recruitment Oversight Office"
-                triggerClassName="Title"
-                triggerOpenedClassName="Title"
-                open={true}
-              >
-                <div className="ROOStaff">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.rooCommand}
-                    subtitle={"Recruitment Oversight Command"}
-                  />
-                </div>
-                <div className="RRD">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.rrd}
-                    subtitle={"Regimental Recruiting Department"}
-                  />
-                </div>
-                <div className="RTC">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.rtc}
-                    subtitle={"Recruit Training Command"}
-                  />
-                </div>
-                <div className="S5">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.s5}
-                    subtitle={"S5 - Public Relations"}
-                  />
-                </div>
-              </Collapsible>
-            </div>
-            <div className="DepartmentContainer">
-              <Collapsible
-                trigger="Support Departments"
-                triggerClassName="Title"
-                triggerOpenedClassName="Title"
-                open={true}
-              >
-                <div className="SPD">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.spd}
-                    subtitle={"Special Projects Division"}
-                  />
-                </div>
-                <div className="S3">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.s3}
-                    subtitle={"S3 - Operations"}
-                  />
-                </div>
-                <div className="S7">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.s7}
-                    subtitle={"S7 - Training"}
-                  />
-                </div>
-                <div className="LD">
-                  <MilpacParse
-                    milpacArray={milpacArray}
-                    billetIDs={lists.ld}
-                    subtitle={"Leadership Development"}
-                  />
-                </div>
-              </Collapsible>
-            </div>
+            <CombinedFunction
+              billetBankObject={lists.billetBankObject.regi.positionIds}
+              collapsibleTitle="Regimental Command"
+              headerTitles={lists.billetBankObject.regi.positionTitles}
+              milpacArray={milpacArray}
+              usePrimaryOnly={true}
+            />
+            <CombinedFunction
+              billetBankObject={lists.billetBankObject.oneSeven.positionIds}
+              collapsibleTitle="First Battalion"
+              headerTitles={lists.billetBankObject.oneSeven.positionTitles}
+              milpacArray={milpacArray}
+              usePrimaryOnly={true}
+            />
+            <CombinedFunction
+              billetBankObject={lists.billetBankObject.twoSeven.positionIds}
+              collapsibleTitle="Second Battalion"
+              headerTitles={lists.billetBankObject.twoSeven.positionTitles}
+              milpacArray={milpacArray}
+              usePrimaryOnly={true}
+            />
+            <CombinedFunction
+              billetBankObject={lists.billetBankObject.acd.positionIds}
+              collapsibleTitle="Auxillary Combat Division"
+              headerTitles={lists.billetBankObject.acd.positionTitles}
+              milpacArray={milpacArray}
+            />
+            <CombinedFunction
+              billetBankObject={lists.billetBankObject.imo.positionIds}
+              collapsibleTitle="Information Management Office"
+              headerTitles={lists.billetBankObject.imo.positionTitles}
+              milpacArray={milpacArray}
+            />
+            <CombinedFunction
+              billetBankObject={lists.billetBankObject.secOps.positionIds}
+              collapsibleTitle="Security Operations"
+              headerTitles={lists.billetBankObject.secOps.positionTitles}
+              milpacArray={milpacArray}
+            />
+            <CombinedFunction
+              billetBankObject={lists.billetBankObject.roo.positionIds}
+              collapsibleTitle="Recruitment Oversight Office"
+              headerTitles={lists.billetBankObject.roo.positionTitles}
+              milpacArray={milpacArray}
+            />
+            <CombinedFunction
+              billetBankObject={
+                lists.billetBankObject.supportDepartments.positionIds
+              }
+              collapsibleTitle="Support Departments"
+              headerTitles={
+                lists.billetBankObject.supportDepartments.positionTitles
+              }
+              milpacArray={milpacArray}
+            />
             <div className="DepartmentContainer">
               <Collapsible
                 trigger="Statistics"
diff --git a/client/src/modules/Generic/BilletBank.js b/client/src/modules/Generic/BilletBank.js
index b874479..fbbef4a 100644
--- a/client/src/modules/Generic/BilletBank.js
+++ b/client/src/modules/Generic/BilletBank.js
@@ -649,10 +649,113 @@ const s7 = [
   "643",
   "644",
 ];
-const ld = ["126", "127", "128", "129", "130", "131", "132", "539"]; //I think...
+const ld = ["126", "127", "128", "129", "130", "131", "132", "539"];
 const spd = ["175", "176"];
 
+//Bulk Billets for export
+
+const regi = {
+  positionIds: [regiCommand],
+  positionTitles: ["Command Staff"],
+};
+const oneSeven = {
+  positionIds: [oneSevenCommand, alpha1, bravo1, charlie1],
+  positionTitles: [
+    "1-7 Headquarters",
+    "Alpha Company",
+    "Bravo Troop",
+    "Charlie Company",
+  ],
+};
+const twoSeven = {
+  positionIds: [twoSevenCommand, alpha2, bravo2, charlie2],
+  positionTitles: [
+    "2-7 Headquarters",
+    "Alpha Company",
+    "Bravo Company",
+    "Charlie Company",
+  ],
+};
+
+const acd = {
+  positionIds: [
+    acdCommand,
+    alpha3,
+    bravo3,
+    charlie3,
+    delta3,
+    echo3,
+    starterPlatoon,
+    futureC,
+  ],
+  positionTitles: [
+    "ACD Headquarters",
+    "Alpha Company",
+    "Bravo Company",
+    "Charlie Company",
+    "Delta Company",
+    "Echo Company",
+    "Star Citizen Starter Platoon",
+    "Future Concepts Center",
+  ],
+};
+
+const imo = {
+  positionIds: [imoCommand, s1, s6, wag],
+  positionTitles: [
+    "Information Management Command",
+    "S1 - Administration",
+    "S6 - Information Management",
+    "Wiki Administration Group",
+  ],
+};
+
+const secOps = {
+  positionIds: [secOpsCommand, jag, mp, s2],
+  positionTitles: [
+    "Security Operations Command",
+    "Judge Advocate General Corps",
+    "Military Police",
+    "S2 - Intelligence and Security",
+  ],
+};
+
+const roo = {
+  positionIds: [rooCommand, rrd, rtc, s5],
+  positionTitles: [
+    "Recruitment Oversight Command",
+    "Regimental Recruiting Department",
+    "Recruit Training Command",
+    "S5 - Public Relations",
+  ],
+};
+
+const supportDepartments = {
+  positionIds: [spd, s3, s7, ld],
+  positionTitles: [
+    "Special Projects Division",
+    "S3 - Operations",
+    "S7 - Training",
+    "Leadership Development",
+  ],
+};
+
+// Overall export
+const billetBankObject = {
+  regi: regi,
+  oneSeven: oneSeven,
+  twoSeven: twoSeven,
+  acd: acd,
+  imo: imo,
+  secOps: secOps,
+  roo: roo,
+  supportDepartments: supportDepartments,
+};
+
+//keeping a shortlist of individual exports open so that it doesnt break the Statistics section.
+
 const billetBank = {
+  billetBankObject,
   regiCommand,
   oneSevenCommand,
   alpha1,
@@ -669,23 +772,6 @@ const billetBank = {
   delta3,
   echo3,
   starterPlatoon,
-  futureC,
-  imoCommand,
-  s1,
-  s6,
-  wag,
-  rooCommand,
-  rrd,
-  rtc,
-  s5,
-  secOpsCommand,
-  jag,
-  mp,
-  s2,
-  s3,
-  s7,
-  spd,
-  ld,
 };
 
 export default billetBank;
diff --git a/client/src/modules/Generic/CombinedFunction.js b/client/src/modules/Generic/CombinedFunction.js
new file mode 100644
index 0000000..3d0fd3f
--- /dev/null
+++ b/client/src/modules/Generic/CombinedFunction.js
@@ -0,0 +1,199 @@
+import React from "react";
+import Collapsible from "react-collapsible";
+
+function CombinedFunction(props) {
+  const billetBankObject = props.billetBankObject;
+  const uniqueNamesSet = new Set();
+
+  let collapsibleTitle = props.collapsibleTitle;
+  let headerTitles = props.headerTitles;
+  let milpacArray = props.milpacArray;
+
+  let array = Array(billetBankObject.length)
+    .fill()
+    .map(() => []);
+
+  //console.log (billetBankObject)
+
+  if (props.usePrimaryOnly === true) {
+    for (let milpacIdCombat in milpacArray[0].combat.profiles) {
+      let name = milpacArray[0].combat.profiles[milpacIdCombat].realName;
+      let rank = milpacArray[0].combat.profiles[milpacIdCombat].rank.rankFull;
+      let primary = milpacArray[0].combat.profiles[milpacIdCombat].primary;
+      let fullName = rank + " " + name;
+      let primarySortKey =
+        milpacArray[0].combat.profiles[milpacIdCombat].primary.positionId;
+
+      for (let index in billetBankObject) {
+        if (billetBankObject[index].includes(primary.positionId)) {
+          array[index].push({
+            fullName: fullName,
+            position: primary,
+            isPrimary: "true",
+            sortKey: primarySortKey,
+            itemKey: milpacIdCombat,
+            listKey: primarySortKey + milpacIdCombat,
+          });
+          uniqueNamesSet.add(fullName);
+
+          // Sorting the array based on the order of positionIds in the billetBankObject array
+          array[index].sort((a, b) => {
+            const aIndex = billetBankObject[index].indexOf(a.sortKey);
+            const bIndex = billetBankObject[index].indexOf(b.sortKey);
+            return aIndex - bIndex;
+          });
+        }
+      }
+    }
+  } else if (props.usePrimaryOnly !== true) {
+    for (let milpacIdCombat in milpacArray[0].combat.profiles) {
+      let name = milpacArray[0].combat.profiles[milpacIdCombat].realName;
+      let rank = milpacArray[0].combat.profiles[milpacIdCombat].rank.rankFull;
+      let primary = milpacArray[0].combat.profiles[milpacIdCombat].primary;
+      let fullName = rank + " " + name;
+      let primarySortKey =
+        milpacArray[0].combat.profiles[milpacIdCombat].primary.positionId;
+
+      for (let index in billetBankObject) {
+        if (billetBankObject[index].includes(primary.positionId)) {
+          array[index].push({
+            fullName: fullName,
+            position: primary,
+            isPrimary: "true",
+            sortKey: primarySortKey,
+            itemKey: milpacIdCombat,
+            listKey: primarySortKey + milpacIdCombat,
+          });
+          uniqueNamesSet.add(fullName);
+        }
+
+        for (let index2 in milpacArray[0].combat.profiles[milpacIdCombat]
+          .secondaries) {
+          let secondary =
+            milpacArray[0].combat.profiles[milpacIdCombat].secondaries[index2];
+          let secondarySortKey =
+            milpacArray[0].combat.profiles[milpacIdCombat].secondaries[index2]
+              .positionId;
+
+          if (!billetBankObject[index].includes(secondary.positionId)) {
+            continue;
+          }
+
+          array[index].push({
+            fullName: fullName,
+            position: secondary,
+            isPrimary: "false",
+            sortKey: secondarySortKey,
+            itemKey: milpacIdCombat,
+            listKey: secondarySortKey + milpacIdCombat,
+          });
+          uniqueNamesSet.add(fullName);
+        }
+      }
+    }
+
+    for (let milpacIdReserve in milpacArray[0].reserve.profiles) {
+      let rName = milpacArray[0].reserve.profiles[milpacIdReserve].realName;
+      let rRank =
+        milpacArray[0].reserve.profiles[milpacIdReserve].rank.rankFull;
+      let rPrimary = milpacArray[0].reserve.profiles[milpacIdReserve].primary;
+      let rFullName = rRank + " " + rName;
+      let rPrimarySortKey =
+        milpacArray[0].reserve.profiles[milpacIdReserve].primary.positionId;
+
+      for (let index in billetBankObject) {
+        if (billetBankObject[index].includes(rPrimary.positionId)) {
+          array[index].push({
+            fullName: rFullName,
+            position: rPrimary,
+            isPrimary: "true",
+            sortKey: rPrimarySortKey,
+            itemKey: milpacIdReserve,
+            listKey: rPrimarySortKey + milpacIdReserve,
+          });
+          uniqueNamesSet.add(rFullName);
+        }
+
+        for (let rIndex in milpacArray[0].reserve.profiles[milpacIdReserve]
+          .secondaries) {
+          let rSecondary =
+            milpacArray[0].reserve.profiles[milpacIdReserve].secondaries[
+              rIndex
+            ];
+          let rSecondarySortKey =
+            milpacArray[0].reserve.profiles[milpacIdReserve].secondaries[rIndex]
+              .positionId;
+
+          if (!billetBankObject[index].includes(rSecondary.positionId)) {
+            continue;
+          }
+
+          array[index].push({
+            fullName: rFullName,
+            position: rSecondary,
+            isPrimary: "false",
+            sortKey: rSecondarySortKey,
+            itemKey: milpacIdReserve,
+            listKey: rSecondarySortKey + milpacIdReserve,
+          });
+          uniqueNamesSet.add(rFullName);
+        }
+
+        // Sorting the array based on the order of positionIds in the billetBankObject array
+        array[index].sort((a, b) => {
+          const aIndex = billetBankObject[index].indexOf(a.sortKey);
+          const bIndex = billetBankObject[index].indexOf(b.sortKey);
+          return aIndex - bIndex;
+        });
+      }
+    }
+  }
+
+  return (
+    <div className="DepartmentContainer">
+      <Collapsible
+        trigger={collapsibleTitle}
+        triggerClassName="Title"
+        triggerOpenedClassName="Title"
+        open={true}
+      >
+        <div className="ResponseContainer">
+          <div className="ItemList">
+            <table>
+              <tbody>
+                {array.map((subArray, index) => (
+                  <React.Fragment key={`fragment-${index}`}>
+                    <tr key={`header-${index}`}>
+                      <th className="Subtitle" align="left">
+                        {headerTitles[index]}
+                      </th>
+                      <th align="right" className="Counter">
+                        Unit Strength: {array[index].length}
+                      </th>
+                    </tr>
+                    {subArray.map((item, subIndex) => (
+                      <tr key={item.listKey}>
+                        <td>
+                          <a
+                            href={
+                              "https://7cav.us/rosters/profile/" + item.itemKey
+                            }
+                          >
+                            {item.fullName}
+                          </a>
+                        </td>
+                        <td>{item.position.positionTitle}</td>
+                      </tr>
+                    ))}
+                  </React.Fragment>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </Collapsible>
+    </div>
+  );
+}
+
+export default CombinedFunction;
diff --git a/client/src/modules/Generic/MilpacParse.js b/client/src/modules/Generic/MilpacParse.js
deleted file mode 100644
index 4d19474..0000000
--- a/client/src/modules/Generic/MilpacParse.js
+++ /dev/null
@@ -1,208 +0,0 @@
-import React from "react";
-
-function MilpacParse(props) {
-  const uniqueNamesSet = new Set();
-  var array = [];
-  var milpacArray = props.milpacArray;
-  var billetIDs = props.billetIDs;
-  var usePrimaryOnly = props.usePrimaryOnly;
-  var subtitle = props.subtitle;
-
-  if (usePrimaryOnly !== true) {
-    for (var milpacIdCombat in milpacArray[0].combat.profiles) {
-      var name = milpacArray[0].combat.profiles[milpacIdCombat].realName;
-      var rank = milpacArray[0].combat.profiles[milpacIdCombat].rank.rankFull;
-      var primary = milpacArray[0].combat.profiles[milpacIdCombat].primary;
-      var fullName = rank + " " + name;
-      var primarySortKey =
-        milpacArray[0].combat.profiles[milpacIdCombat].primary.positionId;
-
-      if (billetIDs.includes(primary.positionId)) {
-        array.push({
-          fullName: fullName,
-          position: primary,
-          isPrimary: "true",
-          sortKey: primarySortKey,
-          itemKey: milpacIdCombat,
-          listKey: primarySortKey + milpacIdCombat,
-        });
-        uniqueNamesSet.add(fullName);
-      }
-
-      for (var index in milpacArray[0].combat.profiles[milpacIdCombat]
-        .secondaries) {
-        var secondary =
-          milpacArray[0].combat.profiles[milpacIdCombat].secondaries[index];
-        var secondarySortKey =
-          milpacArray[0].combat.profiles[milpacIdCombat].secondaries[index]
-            .positionId;
-
-        if (!billetIDs.includes(secondary.positionId)) {
-          continue;
-        }
-
-        array.push({
-          fullName: fullName,
-          position: secondary,
-          isPrimary: "false",
-          sortKey: secondarySortKey,
-          itemKey: milpacIdCombat,
-          listKey: secondarySortKey + milpacIdCombat,
-        });
-        uniqueNamesSet.add(fullName);
-      }
-    }
-
-    for (var milpacIdReserve in milpacArray[0].reserve.profiles) {
-      var rName = milpacArray[0].reserve.profiles[milpacIdReserve].realName;
-      var rRank =
-        milpacArray[0].reserve.profiles[milpacIdReserve].rank.rankFull;
-      var rPrimary = milpacArray[0].reserve.profiles[milpacIdReserve].primary;
-      var rFullName = rRank + " " + rName;
-      var rPrimarySortKey =
-        milpacArray[0].reserve.profiles[milpacIdReserve].primary.positionId;
-
-      if (billetIDs.includes(rPrimary.positionId)) {
-        array.push({
-          fullName: rFullName,
-          position: rPrimary,
-          isPrimary: "true",
-          sortKey: rPrimarySortKey,
-          itemKey: milpacIdReserve,
-          listKey: rPrimarySortKey + milpacIdReserve,
-        });
-        uniqueNamesSet.add(rFullName);
-      }
-
-      for (var rIndex in milpacArray[0].reserve.profiles[milpacIdReserve]
-        .secondaries) {
-        var rSecondary =
-          milpacArray[0].reserve.profiles[milpacIdReserve].secondaries[rIndex];
-        var rSecondarySortKey =
-          milpacArray[0].reserve.profiles[milpacIdReserve].secondaries[rIndex]
-            .positionId;
-
-        if (!billetIDs.includes(rSecondary.positionId)) {
-          continue;
-        }
-
-        array.push({
-          fullName: rFullName,
-          position: rSecondary,
-          isPrimary: "false",
-          sortKey: rSecondarySortKey,
-          itemKey: milpacIdReserve,
-          listKey: rSecondarySortKey + milpacIdReserve,
-        });
-        uniqueNamesSet.add(rFullName);
-      }
-    }
-
-    // Sorting the array based on the order of positionIds in the billetIDs array
-    array.sort((a, b) => {
-      const aIndex = billetIDs.indexOf(a.sortKey);
-      const bIndex = billetIDs.indexOf(b.sortKey);
-      return aIndex - bIndex;
-    });
-
-    return (
-      <div className="ResponseContainer">
-        <div className="HeaderContainer">
-          <div className="Subtitle">{subtitle}</div>
-          <div className="Counter">Unit Strength: {uniqueNamesSet.size}</div>
-        </div>
-        <div className="ItemList">
-          <table>
-            <thead>
-              <tr>
-                <th>Name</th>
-                <th>Billet</th>
-              </tr>
-            </thead>
-            <tbody>
-              {array.map((obj) => {
-                return (
-                  <tr key={obj.listKey}>
-                    <td>
-                      <a
-                        href={"https://7cav.us/rosters/profile/" + obj.itemKey}
-                      >
-                        {obj.fullName}
-                      </a>
-                    </td>
-                    <td>{obj.position.positionTitle}</td>
-                  </tr>
-                );
-              })}
-            </tbody>
-          </table>
-        </div>
-      </div>
-    );
-  } else if (usePrimaryOnly === true) {
-    for (milpacIdCombat in milpacArray[0].combat.profiles) {
-      name = milpacArray[0].combat.profiles[milpacIdCombat].realName;
-      rank = milpacArray[0].combat.profiles[milpacIdCombat].rank.rankFull;
-      primary = milpacArray[0].combat.profiles[milpacIdCombat].primary;
-      fullName = rank + " " + name;
-      primarySortKey =
-        milpacArray[0].combat.profiles[milpacIdCombat].primary.positionId;
-
-      if (billetIDs.includes(primary.positionId)) {
-        array.push({
-          fullName: fullName,
-          position: primary,
-          isPrimary: "true",
-          sortKey: primarySortKey,
-          itemKey: milpacIdCombat,
-          listKey: primarySortKey + milpacIdCombat,
-        });
-        uniqueNamesSet.add(fullName);
-      }
-    }
-
-    // Sorting the array based on the order of positionIds in the billetIDs array
-    array.sort((a, b) => {
-      const aIndex = billetIDs.indexOf(a.sortKey);
-      const bIndex = billetIDs.indexOf(b.sortKey);
-      return aIndex - bIndex;
-    });
-
-    return (
-      <div className="ResponseContainer">
-        <div className="HeaderContainer">
-          <div className="Subtitle">{subtitle}</div>
-          <div className="Counter">Unit Strength: {uniqueNamesSet.size}</div>
-        </div>
-        <div className="ItemList">
-          <table>
-            <thead>
-              <tr>
-                <th>Name</th>
-                <th>Billet</th>
-              </tr>
-            </thead>
-            <tbody>
-              {array.map((obj) => {
-                return (
-                  <tr key={obj.listKey}>
-                    <td>
-                      <a
-                        href={"https://7cav.us/rosters/profile/" + obj.itemKey}
-                      >
-                        {obj.fullName}
-                      </a>
-                    </td>
-                    <td>{obj.position.positionTitle}</td>
-                  </tr>
-                );
-              })}
-            </tbody>
-          </table>
-        </div>
-      </div>
-    );
-  }
-}
-
-export default MilpacParse;