Merge pull request #941 from MarechJ/feat/include_id_in_colorfull_message

UI: Add column with colorfull name and IDs

Author: FlorianSW

rcongui/src/components/shared/LogMessage.jsx

@@ -3,7 +3,7 @@ import { getLogTeam, getTeamColor, removeLogPlayerIds } from "@/utils/lib";
 import { Box } from "@mui/material";
 import { Fragment } from "react";
 
-export const LogMessage = ({ log, colored = false, short = false }) => {
+export const LogMessage = ({ log, colored = false, short = false, include_ids = false }) => {
   const output = [];
   const teamPlayer1 = getLogTeam(log);
   const teamPlayer2 =
@@ -12,8 +12,12 @@ export const LogMessage = ({ log, colored = false, short = false }) => {
       : teamPlayer1 === "Axis"
       ? "Allies"
       : "Axis";
-  let message = removeLogPlayerIds(log.message);
-
+  if (!include_ids || log.action === "MESSAGE") {
+    var message = removeLogPlayerIds(log.message);
+  } else {
+    var message = log.message;
+  }
+  
   message = message.split(log.player_name_1);
   // In between each element of the array, add the player link
   if (!short) {

rcongui/src/pages/views/live/logs-columns.jsx

@@ -152,10 +152,10 @@ export const logsColumns = [
   },
   {
     header: "Message",
-    id: "message_colored",
+    id: "message_with_id",
     accessorKey: "message",
     cell: ({ row }) => {
-      return <LogMessage log={row.original} colored={true} />;
+      return <LogMessage log={row.original} colored={true} include_ids = {true}/>;
     },
   },
   {