From 29cbedfc136a959d446c67f63ca5dee56f19115f Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Mon, 14 Jun 2021 02:46:36 -0400
Subject: [PATCH] add mod username to banlist

---
 .../v2/moderation_ip_ban_list/ModerationIpBanListFc.tsx  | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/vocodes/src/v2/moderation_ip_ban_list/ModerationIpBanListFc.tsx b/vocodes/src/v2/moderation_ip_ban_list/ModerationIpBanListFc.tsx
index c7fb90b10f..67a376739f 100644
--- a/vocodes/src/v2/moderation_ip_ban_list/ModerationIpBanListFc.tsx
+++ b/vocodes/src/v2/moderation_ip_ban_list/ModerationIpBanListFc.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { useHistory } from 'react-router-dom';
+import { Link, useHistory } from 'react-router-dom';
 import { ApiConfig } from '../../common/ApiConfig';
 import { SessionWrapper } from '../../session/SessionWrapper';
 
@@ -18,6 +18,8 @@ interface IpBanListItem {
   maybe_target_username: string,
 
   mod_user_token: string,
+  mod_username: string,
+  mod_display_name: string,
   mod_notes: string,
 
   created_at: string,
@@ -104,10 +106,14 @@ function ModerationIpBanListFc(props: Props) {
   let rows : Array<JSX.Element> = [];
 
   ipBanList.forEach(ban => {
+    const modUserLink = `/profile/${ban.mod_username}`;
 
     rows.push(
       <tr key={ban.ip_address}>
         <td>{ban.ip_address}</td>
+        <td>
+          <Link to={modUserLink}>{ban.mod_username}</Link>
+        </td>
         <td>{ban.mod_notes}</td>
         <td>{ban.created_at}</td>
       </tr>
@@ -177,6 +183,7 @@ function ModerationIpBanListFc(props: Props) {
         <thead>
           <tr>
             <th>IP Address</th>
+            <th>Moderator</th>
             <th>Moderator Notes</th>
             <th>Created At</th>
           </tr>