fixes colors in risk assessment feed

Author: timbastin

src/components/risk-assessment/RiskAssessmentFeed.tsx

@@ -18,6 +18,7 @@ import { useActiveAssetVersion } from "@/hooks/useActiveAssetVersion";
 import { useActiveOrg } from "@/hooks/useActiveOrg";
 import { useActiveProject } from "@/hooks/useActiveProject";
 import { useCurrentUser } from "@/hooks/useCurrentUser";
+import { useCurrentUserRole } from "@/hooks/useUserRole";
 import { UserRole, VulnEventDTO } from "@/types/api/api";
 import { classNames } from "@/utils/common";
 import {
@@ -44,28 +45,22 @@ import {
   Scale,
 } from "lucide-react";
 import Image from "next/image";
-import Link from "next/link";
+import { useState } from "react";
 import Markdown from "react-markdown";
 import rehypeExternalLinks from "rehype-external-links";
 import remarkGfm from "remark-gfm";
+import Alert from "../common/Alert";
 import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar";
 import { Badge } from "../ui/badge";
 import { Button } from "../ui/button";
-import FormatDate from "./FormatDate";
+import { Collapsible, CollapsibleContent } from "../ui/collapsible";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "../ui/dropdown-menu";
-import Alert from "../common/Alert";
-import { useCurrentUserRole } from "@/hooks/useUserRole";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "../ui/collapsible";
-import { useState } from "react";
+import FormatDate from "./FormatDate";
 
 function EventTypeIcon({ eventType }: { eventType: VulnEventDTO["type"] }) {
   switch (eventType) {
@@ -143,9 +138,9 @@ const RiskFeedItem = ({
       <div
         className={classNames(
           event.createdByVexRule
-            ? "bg-secondary"
+            ? "bg-secondary text-secondary-foreground"
             : evTypeBackground[event.type],
-          "h-7 w-7 rounded-full text-white border-2 flex flex-row items-center z-10 justify-center border-background p-1",
+          "h-7 w-7 rounded-full border-2 flex flex-row items-center z-10 justify-center border-background p-1",
         )}
       >
         <EventTypeIcon eventType={event.type} />

src/utils/view.ts

@@ -162,9 +162,9 @@ export const evTypeBackground: { [key in VulnEventDTO["type"]]: string } = {
   falsePositive: "bg-purple-600 text-white!",
   mitigate: "bg-green-600 text-white!",
   markedForTransfer: "bg-blue-600 text-white!",
-  rawRiskAssessmentUpdated: "bg-secondary text-white!",
+  rawRiskAssessmentUpdated: "bg-secondary text-secondary-foreground!",
   reopened: "bg-red-600 text-white!",
-  comment: "bg-secondary",
+  comment: "bg-secondary text-secondary-foreground!",
   ticketClosed: "bg-red-600 text-white!",
   ticketDeleted: "bg-red-600 text-white!",
   licenseDecision: "bg-yellow-500 !text-black",