Merge pull request #4561 from coralproject/notifications/update-featu…

…red-icon

notifications: update featured notification icon

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

@@ -11,9 +11,9 @@ import { GQLNOTIFICATION_TYPE } from "coral-framework/schema";
 import {
   CheckCircleIcon,
   LegalHammerIcon,
-  MessagesBubbleSquareStarIcon,
   MessagesBubbleSquareTextIcon,
   QuestionCircleIcon,
+  RatingStarRibbonIcon,
   RejectCommentBoxIcon,
   SvgIcon,
 } from "coral-ui/components/icons";
@@ -43,7 +43,7 @@ const getIcon = (type: NOTIFICATION_TYPE | null): ComponentType => {
     return CheckCircleIcon;
   }
   if (type === GQLNOTIFICATION_TYPE.COMMENT_FEATURED) {
-    return MessagesBubbleSquareStarIcon;
+    return RatingStarRibbonIcon;
   }
   if (type === GQLNOTIFICATION_TYPE.COMMENT_REJECTED) {
     return RejectCommentBoxIcon;

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

@@ -0,0 +1,25 @@
+import React, { FunctionComponent } from "react";
+
+const RatingStarRibbonIcon: FunctionComponent = () => {
+  // https://www.streamlinehq.com/icons/streamline-regular/social-medias-rewards-rating/rating/rating-star-ribbon
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="m19.059 23.105 -6.177 -4.492a1.5 1.5 0 0 0 -1.764 0l-6.177 4.492A0.75 0.75 0 0 1 3.75 22.5V2.25a1.5 1.5 0 0 1 1.5 -1.5h13.5a1.5 1.5 0 0 1 1.5 1.5V22.5a0.75 0.75 0 0 1 -1.191 0.605Z"
+        fill="none"
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      ></path>
+      <path
+        d="m12.53 5.791 1.249 2.458h2.127a0.582 0.582 0 0 1 0.419 1l-1.953 1.922 1.082 2.485a0.589 0.589 0 0 1 -0.839 0.737L12 12.918l-2.615 1.471a0.589 0.589 0 0 1 -0.839 -0.737l1.082 -2.485 -1.953 -1.922a0.582 0.582 0 0 1 0.419 -1h2.127l1.249 -2.454a0.594 0.594 0 0 1 1.06 0Z"
+        fill="none"
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      ></path>
+    </svg>
+  );
+};
+
+export default RatingStarRibbonIcon;

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

@@ -65,6 +65,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 RatingStarRibbonIcon } from "./RatingStarRibbonIcon";
 export { default as RejectCommentBoxIcon } from "./RejectCommentBoxIcon";
 export { default as RemoveIcon } from "./RemoveIcon";
 export { default as RemoveCircleIcon } from "./RemoveCircleIcon";