From ccef05bbc5bba05e8cb1f2260dab58039ba406e2 Mon Sep 17 00:00:00 2001
From: LukasBisz <Lukas.Biss@outlook.com>
Date: Sun, 5 Jan 2025 19:59:04 +0100
Subject: [PATCH] Add color to icons

---
 .../src/repos/diff/DiffFileTree.tsx           | 32 +++++++++++++++----
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/scm-ui/ui-components/src/repos/diff/DiffFileTree.tsx b/scm-ui/ui-components/src/repos/diff/DiffFileTree.tsx
index 2791d5f989..cd4c7a4dc4 100644
--- a/scm-ui/ui-components/src/repos/diff/DiffFileTree.tsx
+++ b/scm-ui/ui-components/src/repos/diff/DiffFileTree.tsx
@@ -124,29 +124,49 @@ const TreeFile: FC<FileProps> = ({ changeType, path, parentPath, currentFile, se
           file
         </StyledIcon>
       )}
-      <div className={"ml-1"}>{changeType}</div>
+      <div className={"ml-1"}>{path}</div>
       {changeType === "ADD" && (
-        <StyledStatus style={{ minWidth: "1.5rem" }} key={"add"} alt={t("diff.showContent")}>
+        <StyledStatus
+          className="has-text-success"
+          style={{ minWidth: "1.5rem" }}
+          key={"add"}
+          alt={t("diff.showContent")}
+        >
           plus
         </StyledStatus>
       )}
       {changeType === "MODIFY" && (
-        <StyledStatus style={{ minWidth: "1.5rem" }} key={"modify"} alt={t("diff.showContent")}>
+        <StyledStatus
+          className="has-text-info"
+          style={{ minWidth: "1.5rem" }}
+          key={"modify"}
+          alt={t("diff.showContent")}
+        >
           slash
         </StyledStatus>
       )}
       {changeType === "DELETE" && (
-        <StyledStatus style={{ minWidth: "1.5rem" }} key={"delete"} alt={t("diff.showContent")}>
+        <StyledStatus
+          className="has-text-danger"
+          style={{ minWidth: "1.5rem" }}
+          key={"delete"}
+          alt={t("diff.showContent")}
+        >
           minus
         </StyledStatus>
       )}
       {changeType === "RENAME" && (
-        <StyledStatus style={{ minWidth: "1.5rem" }} key={"rename"} alt={t("diff.showContent")}>
+        <StyledStatus
+          className="has-text-info"
+          style={{ minWidth: "1.5rem" }}
+          key={"rename"}
+          alt={t("diff.showContent")}
+        >
           slash
         </StyledStatus>
       )}
       {changeType === "COPY" && (
-        <StyledStatus style={{ minWidth: "1.5rem" }} key={"copy"} alt={t("diff.showContent")}>
+        <StyledStatus className="has-text-info" style={{ minWidth: "1.5rem" }} key={"copy"} alt={t("diff.showContent")}>
           plus
         </StyledStatus>
       )}