use the new custom rejected comment icon created by Sam

client/src/core/client/stream/tabs/Notifications/NotificationContainer.tsx

@@ -10,8 +10,8 @@ import { GQLNOTIFICATION_TYPE } from "coral-framework/schema";
 import {
   CheckCircleIcon,
   LegalHammerIcon,
-  MessagesBubbleSquareIcon,
   QuestionCircleIcon,
+  RejectCommentBoxIcon,
   SvgIcon,
 } from "coral-ui/components/icons";
 import { Timestamp } from "coral-ui/components/v2";
@@ -40,10 +40,10 @@ const getIcon = (type: NOTIFICATION_TYPE | null): ComponentType => {
     return CheckCircleIcon;
   }
   if (type === GQLNOTIFICATION_TYPE.COMMENT_REJECTED) {
-    return MessagesBubbleSquareIcon;
+    return RejectCommentBoxIcon;
   }
   if (type === GQLNOTIFICATION_TYPE.ILLEGAL_REJECTED) {
-    return MessagesBubbleSquareIcon;
+    return RejectCommentBoxIcon;
   }
   if (type === GQLNOTIFICATION_TYPE.DSA_REPORT_DECISION_MADE) {
     return LegalHammerIcon;

client/src/core/client/ui/components/icons/RejectCommentBoxIcon.tsx

@@ -0,0 +1,31 @@
+import React, { FunctionComponent } from "react";
+
+const BinIcon: FunctionComponent = () => {
+  // Custom: created by Sam Hankins
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
+      <path
+        fill="currentColor"
+        d="M16.3125 14.0625H8.4375L3.9375 17.4375V14.0625H1.6875C1.0875 14.0625 0.5625 13.5375 0.5625 12.9375V1.6875C0.5625 1.0875 1.0875 0.5625 1.6875 0.5625H16.3125C16.9125 0.5625 17.4375 1.0875 17.4375 1.6875V12.9375C17.4375 13.5375 16.9125 14.0625 16.3125 14.0625Z"
+      />
+      <path
+        d="M6.01196 4.2644L11.914 10.1665"
+        stroke="white"
+        strokeWidth="1.25"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M11.913 4.3836L6.01093 10.2857"
+        stroke="white"
+        strokeWidth="1.25"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+
+export default BinIcon;

client/src/core/client/ui/components/icons/index.ts

@@ -62,6 +62,7 @@ export { default as QuestionCircleIcon } from "./QuestionCircleIcon";
 export { default as QuestionHelpMessageIcon } from "./QuestionHelpMessageIcon";
 export { default as RatingHalfStarIcon } from "./RatingHalfStarIcon";
 export { default as RatingStarIcon } from "./RatingStarIcon";
+export { default as RejectCommentBoxIcon } from "./RejectCommentBoxIcon";
 export { default as RemoveIcon } from "./RemoveIcon";
 export { default as RemoveCircleIcon } from "./RemoveCircleIcon";
 export { default as SubtractIcon } from "./SubtractIcon";