diff --git a/client/src/core/client/stream/tabs/Notifications/NotificationContainer.tsx b/client/src/core/client/stream/tabs/Notifications/NotificationContainer.tsx index bb78485da1..14d7d7b0a1 100644 --- a/client/src/core/client/stream/tabs/Notifications/NotificationContainer.tsx +++ b/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; diff --git a/client/src/core/client/ui/components/icons/RatingStarRibbonIcon.tsx b/client/src/core/client/ui/components/icons/RatingStarRibbonIcon.tsx new file mode 100644 index 0000000000..4e2d18801b --- /dev/null +++ b/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 ( + + + + + ); +}; + +export default RatingStarRibbonIcon; diff --git a/client/src/core/client/ui/components/icons/index.ts b/client/src/core/client/ui/components/icons/index.ts index e724b499eb..db36fdbdc2 100644 --- a/client/src/core/client/ui/components/icons/index.ts +++ b/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";