2 files changed, 6 insertions, 0 deletions
diff --git a/webAO/packets/handlers/handlePR.ts b/webAO/packets/handlers/handlePR.ts
index 0073140..cfb2d1e 100644
--- a/webAO/packets/handlers/handlePR.ts
+++ b/webAO/packets/handlers/handlePR.ts
@@ -5,6 +5,7 @@ function addPlayer(playerID: number) {
     const list = <HTMLTableElement>document.getElementById("client_playerlist");
     const playerRow = list.insertRow();
     playerRow.id = `client_playerlist_entry${playerID}`;
+    playerRow.className = `area0`;
 
     const imgCell = playerRow.insertCell(0);
     const img = document.createElement('img');
diff --git a/webAO/packets/handlers/handlePU.ts b/webAO/packets/handlers/handlePU.ts
index 6db644b..e2fd4d7 100644
--- a/webAO/packets/handlers/handlePU.ts
+++ b/webAO/packets/handlers/handlePU.ts
@@ -1,4 +1,6 @@
+import { client } from "../../client";
 import { getCharIcon } from "../../client/handleCharacterInfo";
+import { updatePlayerAreas } from '../../dom/updatePlayerAreas'
 
 /**
   * Handles a playerlist update
@@ -23,6 +25,9 @@ export const handlePU = (args: string[]) => {
             const showName = <HTMLElement>playerRow.childNodes[2];
             showName.innerText = data;
             break;
+        case 3:
+            playerRow.className = `area${data}`;
+            updatePlayerAreas(client.area);
         default:
             break;
     }