diff --git a/src/Gang/ui/AscensionPopup.tsx b/src/Gang/ui/AscensionPopup.tsx
index 622d85222..a18200517 100644
--- a/src/Gang/ui/AscensionPopup.tsx
+++ b/src/Gang/ui/AscensionPopup.tsx
@@ -1,3 +1,7 @@
+/**
+ * React Component for the content of the popup before the player confirms the
+ * ascension of a gang member.
+ */
 import React from "react";
 import { Gang } from "../Gang";
 import { GangMember } from "../GangMember";
diff --git a/src/Gang/ui/BonusTime.tsx b/src/Gang/ui/BonusTime.tsx
index 693964daf..2d73c2921 100644
--- a/src/Gang/ui/BonusTime.tsx
+++ b/src/Gang/ui/BonusTime.tsx
@@ -1,3 +1,6 @@
+/**
+ * React Component for displaying the bonus time remaining.
+ */
 import * as React from "react";
 import { Gang } from "../Gang";
 import { CONSTANTS } from "../../Constants";
diff --git a/src/Gang/ui/GangMemberAccordion.tsx b/src/Gang/ui/GangMemberAccordion.tsx
index e2daa32eb..9cef3efc3 100644
--- a/src/Gang/ui/GangMemberAccordion.tsx
+++ b/src/Gang/ui/GangMemberAccordion.tsx
@@ -1,3 +1,6 @@
+/**
+ * React Component for a gang member on the management subpage.
+ */
 import React from "react";
 import { Gang } from "../Gang";
 import { GangMember } from "../GangMember";
diff --git a/src/Gang/ui/GangMemberAccordionContent.tsx b/src/Gang/ui/GangMemberAccordionContent.tsx
index 4b0ca2d08..592e6f9ca 100644
--- a/src/Gang/ui/GangMemberAccordionContent.tsx
+++ b/src/Gang/ui/GangMemberAccordionContent.tsx
@@ -1,3 +1,7 @@
+/**
+ * React Component for the content of the accordion of gang members on the 
+ * management subpage.
+ */
 import React, { useState } from "react";
 import { GangMemberStats } from "./GangMemberStats";
 import { TaskSelector } from "./TaskSelector";
diff --git a/src/Gang/ui/GangMemberList.tsx b/src/Gang/ui/GangMemberList.tsx
index a7eee3edd..84d534af3 100644
--- a/src/Gang/ui/GangMemberList.tsx
+++ b/src/Gang/ui/GangMemberList.tsx
@@ -1,3 +1,6 @@
+/**
+ * React Component for the list of gang members on the management subpage.
+ */
 import React, { useState } from "react";
 import { GangMemberUpgradePopup } from "./GangMemberUpgradePopup";
 import { GangMemberAccordion } from "./GangMemberAccordion";
@@ -25,7 +28,7 @@ export function GangMemberList(props: IProps): React.ReactElement {
         });
     }
 
-    function onChange(event: React.ChangeEvent<HTMLInputElement>): void {
+    function onFilterChange(event: React.ChangeEvent<HTMLInputElement>): void {
         setFilter(event.target.value);
     }
 
@@ -42,7 +45,7 @@ export function GangMemberList(props: IProps): React.ReactElement {
             placeholder="Filter gang member"
             style={{margin: "5px", padding: "5px"}}
             value={filter}
-            onChange={onChange} />
+            onChange={onFilterChange} />
         <a
             className="a-link-button"
             style={{display: 'inline-block'}}
diff --git a/src/Gang/ui/GangMemberStats.tsx b/src/Gang/ui/GangMemberStats.tsx
index a47eda0da..3c99e705f 100644
--- a/src/Gang/ui/GangMemberStats.tsx
+++ b/src/Gang/ui/GangMemberStats.tsx
@@ -1,3 +1,7 @@
+/**
+ * React Component for the first part of a gang member details.
+ * Contains skills and exp.
+ */
 import React from "react";
 import { dialogBoxCreate } from "../../../utils/DialogBox";
 import { formatNumber } from "../../../utils/StringHelperFunctions";
@@ -46,7 +50,7 @@ Dx: x{numeralWrapper.formatMultiplier(props.member.dex_mult * props.member.dex_a
 Ag: x{numeralWrapper.formatMultiplier(props.member.agi_mult * props.member.agi_asc_mult)}(x{numeralWrapper.formatMultiplier(props.member.agi_mult)} Eq, x{numeralWrapper.formatMultiplier(props.member.agi_asc_mult)} Asc)<br />
 Ch: x{numeralWrapper.formatMultiplier(props.member.cha_mult * props.member.cha_asc_mult)}(x{numeralWrapper.formatMultiplier(props.member.cha_mult)} Eq, x{numeralWrapper.formatMultiplier(props.member.cha_asc_mult)} Asc)
         </span>
-        <pre id={`${props.member.name}gang-member-stats-text`}>
+        <pre>
 Hacking: {formatNumber(props.member.hack, 0)} ({numeralWrapper.formatExp(props.member.hack_exp)} exp)<br />
 Strength: {formatNumber(props.member.str, 0)} ({numeralWrapper.formatExp(props.member.str_exp)} exp)<br />
 Defense: {formatNumber(props.member.def, 0)} ({numeralWrapper.formatExp(props.member.def_exp)} exp)<br />
diff --git a/src/Gang/ui/GangMemberUpgradePopup.tsx b/src/Gang/ui/GangMemberUpgradePopup.tsx
index a1ae8a9d0..6a5143bca 100644
--- a/src/Gang/ui/GangMemberUpgradePopup.tsx
+++ b/src/Gang/ui/GangMemberUpgradePopup.tsx
@@ -1,3 +1,6 @@
+/**
+ * React Component for the popup that manages gang members upgrades
+ */
 import React, { useState, useEffect } from "react";
 import { formatNumber } from "../../../utils/StringHelperFunctions";
 import { numeralWrapper } from "../../ui/numeralFormat";
@@ -34,7 +37,7 @@ function GangMemberUpgradePanel(props: IPanelProps): React.ReactElement {
     const rootkitUpgrades = filterUpgrades(props.member.upgrades, UpgradeType.Rootkit);
     const augUpgrades = filterUpgrades(props.member.augmentations, UpgradeType.Augmentation);
 
-    function purchased(upgName: string): React.ReactElement {
+    function purchasedUpgrade(upgName: string): React.ReactElement {
         const upg = GangMemberUpgrades[upgName]
         return (<div key={upgName} className="gang-owned-upgrade tooltip">
             {upg.name}
@@ -64,8 +67,8 @@ Agi:  {props.member.agi} (x{formatNumber(props.member.agi_mult * props.member.ag
 Cha:  {props.member.cha} (x{formatNumber(props.member.cha_mult * props.member.cha_asc_mult, 2)})
         </pre>
         <div className="gang-owned-upgrades-div">
-        Purchased Upgrades: {props.member.upgrades.map((upg: string) => purchased(upg))}
-        {props.member.augmentations.map((upg: string) => purchased(upg))}
+        Purchased Upgrades: {props.member.upgrades.map((upg: string) => purchasedUpgrade(upg))}
+        {props.member.augmentations.map((upg: string) => purchasedUpgrade(upg))}
         </div>
         <div style={{width: "20%", display: "inline-block"}}>
             <h2>Weapons</h2>
diff --git a/src/Gang/ui/GangStats.tsx b/src/Gang/ui/GangStats.tsx
index 1037ceff0..cdc009d96 100644
--- a/src/Gang/ui/GangStats.tsx
+++ b/src/Gang/ui/GangStats.tsx
@@ -1,3 +1,7 @@
+/**
+ * React Component for the stats related to the gang, like total respect and
+ * money per second.
+ */
 import React from "react";
 import { Factions } from "../../Faction/Factions";
 import { Gang } from "../Gang";
diff --git a/src/Gang/ui/ManagementSubpage.tsx b/src/Gang/ui/ManagementSubpage.tsx
index 8ea57ad11..a38974ddc 100644
--- a/src/Gang/ui/ManagementSubpage.tsx
+++ b/src/Gang/ui/ManagementSubpage.tsx
@@ -1,3 +1,6 @@
+/**
+ * React Component for the subpage that manages gang members, the main page.
+ */
 import React from "react";
 import { IPlayer } from "../../PersonObjects/IPlayer";
 import { GangStats } from "./GangStats";
diff --git a/src/Gang/ui/RecruitButton.tsx b/src/Gang/ui/RecruitButton.tsx
index 0f9b1c903..aebcaa700 100644
--- a/src/Gang/ui/RecruitButton.tsx
+++ b/src/Gang/ui/RecruitButton.tsx
@@ -1,3 +1,6 @@
+/**
+ * React Component for the recruitment button and text on the gang main page.
+ */
 import React from "react";
 import { Gang } from "../Gang";
 import { RecruitPopup } from "./RecruitPopup";
diff --git a/src/Gang/ui/RecruitPopup.tsx b/src/Gang/ui/RecruitPopup.tsx
index ba328e5c3..64b279da5 100644
--- a/src/Gang/ui/RecruitPopup.tsx
+++ b/src/Gang/ui/RecruitPopup.tsx
@@ -1,3 +1,6 @@
+/**
+ * React Component for the popup used to recruit new gang members.
+ */
 import React, { useState } from "react";
 import { Gang } from "../Gang";
 import { removePopup } from "../../ui/React/createPopup";
diff --git a/src/Gang/ui/Root.tsx b/src/Gang/ui/Root.tsx
index 906bf9acc..94122856b 100644
--- a/src/Gang/ui/Root.tsx
+++ b/src/Gang/ui/Root.tsx
@@ -1,3 +1,6 @@
+/**
+ * React Component for all the gang stuff.
+ */
 import React, { useState, useEffect } from "react";
 import { IPlayer } from "../../PersonObjects/IPlayer";
 import { ManagementSubpage } from "./ManagementSubpage";
diff --git a/src/Gang/ui/TaskDescription.tsx b/src/Gang/ui/TaskDescription.tsx
index 82715b17a..e83ba3b09 100644
--- a/src/Gang/ui/TaskDescription.tsx
+++ b/src/Gang/ui/TaskDescription.tsx
@@ -1,3 +1,7 @@
+/**
+ * React Component for left side of the gang member accordion, contains the
+ * description of the task that member is currently doing.
+ */
 import React from "react";
 import { GangMemberTasks } from "../GangMemberTasks";
 import { GangMember } from "../GangMember";
diff --git a/src/Gang/ui/TaskSelector.tsx b/src/Gang/ui/TaskSelector.tsx
index 105e21dc7..e5c2a97a0 100644
--- a/src/Gang/ui/TaskSelector.tsx
+++ b/src/Gang/ui/TaskSelector.tsx
@@ -1,3 +1,7 @@
+/**
+ * React Component for the middle part of the gang member accordion. Contains
+ * the task selector as well as some stats.
+ */
 import React, { useState } from "react";
 import { numeralWrapper } from "../../ui/numeralFormat";
 import { StatsTable } from "../../ui/React/StatsTable";
diff --git a/src/Gang/ui/TerritorySubpage.tsx b/src/Gang/ui/TerritorySubpage.tsx
index d5ea8df91..873082b67 100644
--- a/src/Gang/ui/TerritorySubpage.tsx
+++ b/src/Gang/ui/TerritorySubpage.tsx
@@ -1,3 +1,6 @@
+/**
+ * React Component for the territory subpage.
+ */
 import React from "react";
 import { numeralWrapper } from "../../ui/numeralFormat";
 import { dialogBoxCreate } from "../../../utils/DialogBox";