From c3304f9e1b3959053ff0c05d6b4419f6434e6687 Mon Sep 17 00:00:00 2001 From: Kevin Szuchet <31735779+kevinszuchet@users.noreply.github.com> Date: Thu, 5 Sep 2024 12:57:20 +0100 Subject: [PATCH] feat: New Reward Notifications (#186) Signed-off-by: Kevin Szuchet <31735779+kevinszuchet@users.noreply.github.com> --- package-lock.json | 8 +- package.json | 2 +- ...riceHigherThanExpectedNotification.i18n.ts | 25 +++++ ...GasPriceHigherThanExpectedNotification.tsx | 17 ++++ .../Reward/CampaignNotification.tsx | 40 ++++++++ .../CampaignOutOfFundsNotification.i18n.ts | 25 +++++ .../Reward/CampaignOutOfFundsNotification.tsx | 15 +++ .../CampaignOutOfStockNotification.i18n.ts | 25 +++++ .../Reward/CampaignOutOfStockNotification.tsx | 15 +++ .../Reward/RewardAssignedNotification.tsx | 35 +------ .../Reward/RewardDelayedNotification.i18n.ts | 25 +++++ .../Reward/RewardDelayedNotification.tsx | 15 +++ .../RewardInProgressNotification.i18n.ts | 25 +++++ .../Reward/RewardInProgressNotification.tsx | 15 +++ .../Reward/RewardNotification.tsx | 42 +++++++++ .../NotificationTypes/Reward/types.ts | 40 ++++++++ .../Notifications/NotificationTypes/index.ts | 10 ++ .../Notifications/Notifications.stories.tsx | 14 ++- src/components/Notifications/types.ts | 59 ++++++++++-- src/components/Notifications/utils.tsx | 17 ++++ src/data/notifications.ts | 92 +++++++++++++++++++ 21 files changed, 516 insertions(+), 45 deletions(-) create mode 100644 src/components/Notifications/NotificationTypes/Reward/CampaignGasPriceHigherThanExpectedNotification.i18n.ts create mode 100644 src/components/Notifications/NotificationTypes/Reward/CampaignGasPriceHigherThanExpectedNotification.tsx create mode 100644 src/components/Notifications/NotificationTypes/Reward/CampaignNotification.tsx create mode 100644 src/components/Notifications/NotificationTypes/Reward/CampaignOutOfFundsNotification.i18n.ts create mode 100644 src/components/Notifications/NotificationTypes/Reward/CampaignOutOfFundsNotification.tsx create mode 100644 src/components/Notifications/NotificationTypes/Reward/CampaignOutOfStockNotification.i18n.ts create mode 100644 src/components/Notifications/NotificationTypes/Reward/CampaignOutOfStockNotification.tsx create mode 100644 src/components/Notifications/NotificationTypes/Reward/RewardDelayedNotification.i18n.ts create mode 100644 src/components/Notifications/NotificationTypes/Reward/RewardDelayedNotification.tsx create mode 100644 src/components/Notifications/NotificationTypes/Reward/RewardInProgressNotification.i18n.ts create mode 100644 src/components/Notifications/NotificationTypes/Reward/RewardInProgressNotification.tsx create mode 100644 src/components/Notifications/NotificationTypes/Reward/RewardNotification.tsx create mode 100644 src/components/Notifications/NotificationTypes/Reward/types.ts diff --git a/package-lock.json b/package-lock.json index 92eb9bf..7407433 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,7 @@ "version": "0.0.0-development", "license": "Apache-2.0", "dependencies": { - "@dcl/schemas": "^11.10.5", + "@dcl/schemas": "^13.8.6", "@dcl/ui-env": "^1.5.1", "@emotion/react": "^11.11.4", "@emotion/styled": "^11.11.5", @@ -2312,9 +2312,9 @@ } }, "node_modules/@dcl/schemas": { - "version": "11.10.5", - "resolved": "https://registry.npmjs.org/@dcl/schemas/-/schemas-11.10.5.tgz", - "integrity": "sha512-/SqtrVh68lQF4iwe0HIU/egR076PPFpmp6NF6HpikKcHywS6xSi+IdMyI6uYdbT2jV3C9QmIB9foVBI0qsIsSA==", + "version": "13.8.6", + "resolved": "https://registry.npmjs.org/@dcl/schemas/-/schemas-13.8.6.tgz", + "integrity": "sha512-n79qq6vT+95CY+o3wDroQ97q2vFuIRDKPcJI9S+RVOg9PyVYs8Z4bsHp6kqP2FhhscNLc85xEnIdD2/3SIh56A==", "dependencies": { "ajv": "^8.11.0", "ajv-errors": "^3.0.0", diff --git a/package.json b/package.json index c02dbf2..9670df4 100644 --- a/package.json +++ b/package.json @@ -37,7 +37,7 @@ }, "homepage": "https://github.com/decentraland/ui2#readme", "dependencies": { - "@dcl/schemas": "^11.10.5", + "@dcl/schemas": "^13.8.6", "@dcl/ui-env": "^1.5.1", "@emotion/react": "^11.11.4", "@emotion/styled": "^11.11.5", diff --git a/src/components/Notifications/NotificationTypes/Reward/CampaignGasPriceHigherThanExpectedNotification.i18n.ts b/src/components/Notifications/NotificationTypes/Reward/CampaignGasPriceHigherThanExpectedNotification.i18n.ts new file mode 100644 index 0000000..b02d91f --- /dev/null +++ b/src/components/Notifications/NotificationTypes/Reward/CampaignGasPriceHigherThanExpectedNotification.i18n.ts @@ -0,0 +1,25 @@ +const i18n = { + en: { + description: { + start: "The gas price for the", + end: "campaign is lower than expected, and the transactions may not be processed.", + }, + title: "Gas Price Higher Than Expected", + }, + es: { + description: { + start: "El precio del gas para la", + end: "campaña es más alto de lo esperado, y las transacciones pueden no ser procesadas.", + }, + title: "Precio del Gas Más Alto de lo Esperado", + }, + zh: { + description: { + start: "该", + end: "活动的燃气价格高于预期，交易可能无法处理。", + }, + title: "燃气价格高于预期", + }, +} + +export { i18n } diff --git a/src/components/Notifications/NotificationTypes/Reward/CampaignGasPriceHigherThanExpectedNotification.tsx b/src/components/Notifications/NotificationTypes/Reward/CampaignGasPriceHigherThanExpectedNotification.tsx new file mode 100644 index 0000000..a6a09e3 --- /dev/null +++ b/src/components/Notifications/NotificationTypes/Reward/CampaignGasPriceHigherThanExpectedNotification.tsx @@ -0,0 +1,17 @@ +import React from "react" +import { i18n } from "./CampaignGasPriceHigherThanExpectedNotification.i18n" +import { CampaignNotification } from "./CampaignNotification" +import { + CampaignGasPriceHigherThanExpectedNotificationProps, + CommonNotificationProps, +} from "../../types" + +const CampaignGasPriceHigherThanExpectedNotification = React.memo( + ( + props: CommonNotificationProps + ) => { + return + } +) + +export { CampaignGasPriceHigherThanExpectedNotification } diff --git a/src/components/Notifications/NotificationTypes/Reward/CampaignNotification.tsx b/src/components/Notifications/NotificationTypes/Reward/CampaignNotification.tsx new file mode 100644 index 0000000..117e4d4 --- /dev/null +++ b/src/components/Notifications/NotificationTypes/Reward/CampaignNotification.tsx @@ -0,0 +1,40 @@ +import React from "react" +import { CampaignsCommonNotificationProps } from "./types" +import { RewardIcon } from "../../../Icon" +import { NotificationItem } from "../../NotificationItem" +import { + NotificationItemDescription, + NotificationItemTitle, +} from "../../NotificationItem.styled" + +const CampaignName = (props: CampaignsCommonNotificationProps) => { + const { metadata } = props.notification + + if (metadata.link) { + return {metadata.campaignName} + } + + return {metadata.campaignName} +} + +const CampaignNotification = React.memo( + (props: CampaignsCommonNotificationProps) => { + const { notification, locale, i18n } = props + return ( + } + timestamp={notification.timestamp} + isNew={!notification.read} + locale={locale} + > + {i18n[locale].title} + + {i18n[locale].description.start} {" "} + {i18n[locale].description.end} + + + ) + } +) + +export { CampaignNotification } diff --git a/src/components/Notifications/NotificationTypes/Reward/CampaignOutOfFundsNotification.i18n.ts b/src/components/Notifications/NotificationTypes/Reward/CampaignOutOfFundsNotification.i18n.ts new file mode 100644 index 0000000..25b586f --- /dev/null +++ b/src/components/Notifications/NotificationTypes/Reward/CampaignOutOfFundsNotification.i18n.ts @@ -0,0 +1,25 @@ +const i18n = { + en: { + description: { + start: "The", + end: "campaign has run out of funds.", + }, + title: "Campaign Out of Funds", + }, + es: { + description: { + start: "La", + end: "campaña se ha quedado sin fondos.", + }, + title: "Campaña sin fondos", + }, + zh: { + description: { + start: "该", + end: "活动已经用完资金。", + }, + title: "活动资金用完", + }, +} + +export { i18n } diff --git a/src/components/Notifications/NotificationTypes/Reward/CampaignOutOfFundsNotification.tsx b/src/components/Notifications/NotificationTypes/Reward/CampaignOutOfFundsNotification.tsx new file mode 100644 index 0000000..a423f7d --- /dev/null +++ b/src/components/Notifications/NotificationTypes/Reward/CampaignOutOfFundsNotification.tsx @@ -0,0 +1,15 @@ +import React from "react" +import { CampaignNotification } from "./CampaignNotification" +import { i18n } from "./CampaignOutOfFundsNotification.i18n" +import { + CampaignOutOfFundsNotificationProps, + CommonNotificationProps, +} from "../../types" + +const CampaignOutOfFundsNotification = React.memo( + (props: CommonNotificationProps) => { + return + } +) + +export { CampaignOutOfFundsNotification } diff --git a/src/components/Notifications/NotificationTypes/Reward/CampaignOutOfStockNotification.i18n.ts b/src/components/Notifications/NotificationTypes/Reward/CampaignOutOfStockNotification.i18n.ts new file mode 100644 index 0000000..a62267f --- /dev/null +++ b/src/components/Notifications/NotificationTypes/Reward/CampaignOutOfStockNotification.i18n.ts @@ -0,0 +1,25 @@ +const i18n = { + en: { + description: { + start: "The", + end: "campaign has run out of stock.", + }, + title: "Campaign Out of Stock", + }, + es: { + description: { + start: "La", + end: "campaña se ha quedado sin stock.", + }, + title: "Campaña sin stock", + }, + zh: { + description: { + start: "该", + end: "活动已经售罄。", + }, + title: "活动售罄", + }, +} + +export { i18n } diff --git a/src/components/Notifications/NotificationTypes/Reward/CampaignOutOfStockNotification.tsx b/src/components/Notifications/NotificationTypes/Reward/CampaignOutOfStockNotification.tsx new file mode 100644 index 0000000..ab6d3b7 --- /dev/null +++ b/src/components/Notifications/NotificationTypes/Reward/CampaignOutOfStockNotification.tsx @@ -0,0 +1,15 @@ +import React from "react" +import { CampaignNotification } from "./CampaignNotification" +import { i18n } from "./CampaignOutOfStockNotification.i18n" +import { + CampaignOutOfStockNotificationProps, + CommonNotificationProps, +} from "../../types" + +const CampaignOutOfStockNotification = React.memo( + (props: CommonNotificationProps) => { + return + } +) + +export { CampaignOutOfStockNotification } diff --git a/src/components/Notifications/NotificationTypes/Reward/RewardAssignedNotification.tsx b/src/components/Notifications/NotificationTypes/Reward/RewardAssignedNotification.tsx index 10c8eb2..e96c6e5 100644 --- a/src/components/Notifications/NotificationTypes/Reward/RewardAssignedNotification.tsx +++ b/src/components/Notifications/NotificationTypes/Reward/RewardAssignedNotification.tsx @@ -1,45 +1,14 @@ import React from "react" import { i18n } from "./RewardAssignedNotification.i18n" -import { config } from "../../../../config" -import { RewardIcon } from "../../../Icon" -import { NotificationItem } from "../../NotificationItem" -import { - NotificationItemDescription, - NotificationItemTitle, -} from "../../NotificationItem.styled" -import { NotificationItemNFTLink } from "../../NotificationItemNFTLink" +import { RewardNotification } from "./RewardNotification" import { CommonNotificationProps, RewardAssignedNotificationProps, } from "../../types" -import { getBGColorByRarity } from "../../utils" const RewardAssignedNotification = React.memo( (props: CommonNotificationProps) => { - const { notification, locale } = props - return ( - } - timestamp={notification.timestamp} - isNew={!notification.read} - locale={locale} - > - {i18n[locale].title} - - {i18n[locale].description.start}{" "} - {" "} - {i18n[locale].description.end} - - - ) + return } ) diff --git a/src/components/Notifications/NotificationTypes/Reward/RewardDelayedNotification.i18n.ts b/src/components/Notifications/NotificationTypes/Reward/RewardDelayedNotification.i18n.ts new file mode 100644 index 0000000..3627222 --- /dev/null +++ b/src/components/Notifications/NotificationTypes/Reward/RewardDelayedNotification.i18n.ts @@ -0,0 +1,25 @@ +const i18n = { + en: { + description: { + start: "We’re working on delivering your", + end: "as soon as possible.", + }, + title: "Your Gift is Delayed", + }, + es: { + description: { + start: "Estamos trabajando en entregar tu", + end: "lo antes posible.", + }, + title: "Tu regalo está retrasado", + }, + zh: { + description: { + start: "我们正在尽快交付您的", + end: "。", + }, + title: "您的礼物延迟了", + }, +} + +export { i18n } diff --git a/src/components/Notifications/NotificationTypes/Reward/RewardDelayedNotification.tsx b/src/components/Notifications/NotificationTypes/Reward/RewardDelayedNotification.tsx new file mode 100644 index 0000000..ea33d00 --- /dev/null +++ b/src/components/Notifications/NotificationTypes/Reward/RewardDelayedNotification.tsx @@ -0,0 +1,15 @@ +import React from "react" +import { i18n } from "./RewardDelayedNotification.i18n" +import { RewardNotification } from "./RewardNotification" +import { + CommonNotificationProps, + RewardDelayedNotificationProps, +} from "../../types" + +const RewardDelayedNotification = React.memo( + (props: CommonNotificationProps) => { + return + } +) + +export { RewardDelayedNotification } diff --git a/src/components/Notifications/NotificationTypes/Reward/RewardInProgressNotification.i18n.ts b/src/components/Notifications/NotificationTypes/Reward/RewardInProgressNotification.i18n.ts new file mode 100644 index 0000000..c12b5f2 --- /dev/null +++ b/src/components/Notifications/NotificationTypes/Reward/RewardInProgressNotification.i18n.ts @@ -0,0 +1,25 @@ +const i18n = { + en: { + description: { + start: "You’ve received a", + end: "for free. Try it out once it arrives!", + }, + title: "A Gift is on its way!", + }, + es: { + description: { + start: "Recibiste un", + end: "gratis. ¡Pruebalo cuando llegue!", + }, + title: "¡Un regalo está en camino!", + }, + zh: { + description: { + start: "您已免费收到一个", + end: "。一旦到达，立即试试吧！", + }, + title: "一份礼物正在路上！", + }, +} + +export { i18n } diff --git a/src/components/Notifications/NotificationTypes/Reward/RewardInProgressNotification.tsx b/src/components/Notifications/NotificationTypes/Reward/RewardInProgressNotification.tsx new file mode 100644 index 0000000..fe6f105 --- /dev/null +++ b/src/components/Notifications/NotificationTypes/Reward/RewardInProgressNotification.tsx @@ -0,0 +1,15 @@ +import React from "react" +import { i18n } from "./RewardInProgressNotification.i18n" +import { RewardNotification } from "./RewardNotification" +import { + CommonNotificationProps, + RewardInProgressNotificationProps, +} from "../../types" + +const RewardInProgressNotification = React.memo( + (props: CommonNotificationProps) => { + return + } +) + +export { RewardInProgressNotification } diff --git a/src/components/Notifications/NotificationTypes/Reward/RewardNotification.tsx b/src/components/Notifications/NotificationTypes/Reward/RewardNotification.tsx new file mode 100644 index 0000000..f06361a --- /dev/null +++ b/src/components/Notifications/NotificationTypes/Reward/RewardNotification.tsx @@ -0,0 +1,42 @@ +import React from "react" +import { RewardsCommonNotificationProps } from "./types" +import { config } from "../../../../config" +import { RewardIcon } from "../../../Icon" +import { NotificationItem } from "../../NotificationItem" +import { + NotificationItemDescription, + NotificationItemTitle, +} from "../../NotificationItem.styled" +import { NotificationItemNFTLink } from "../../NotificationItemNFTLink" +import { getBGColorByRarity } from "../../utils" + +const RewardNotification = React.memo( + (props: RewardsCommonNotificationProps) => { + const { notification, locale, i18n } = props + return ( + } + timestamp={notification.timestamp} + isNew={!notification.read} + locale={locale} + > + {i18n[locale].title} + + {i18n[locale].description.start}{" "} + {" "} + {i18n[locale].description.end} + + + ) + } +) + +export { RewardNotification } diff --git a/src/components/Notifications/NotificationTypes/Reward/types.ts b/src/components/Notifications/NotificationTypes/Reward/types.ts new file mode 100644 index 0000000..37e6bc5 --- /dev/null +++ b/src/components/Notifications/NotificationTypes/Reward/types.ts @@ -0,0 +1,40 @@ +import { + CampaignGasPriceHigherThanExpectedNotificationProps, + CampaignOutOfFundsNotificationProps, + CampaignOutOfStockNotificationProps, + CommonNotificationProps, + NotificationLocale, + RewardAssignedNotificationProps, + RewardDelayedNotificationProps, + RewardInProgressNotificationProps, +} from "components/Notifications/types" + +type RewardsNotificationProps = + | RewardAssignedNotificationProps + | RewardInProgressNotificationProps + | RewardDelayedNotificationProps + +type CampaignsNotificationProps = + | CampaignOutOfFundsNotificationProps + | CampaignOutOfStockNotificationProps + | CampaignGasPriceHigherThanExpectedNotificationProps + +type i18nProps = { + title: string + description: { + start: string + end: string + } +} + +type RewardsCommonNotificationProps = + CommonNotificationProps & { + i18n: Record + } + +type CampaignsCommonNotificationProps = + CommonNotificationProps & { + i18n: Record + } + +export { RewardsCommonNotificationProps, CampaignsCommonNotificationProps } diff --git a/src/components/Notifications/NotificationTypes/index.ts b/src/components/Notifications/NotificationTypes/index.ts index e4fbdf9..3cbc0e7 100644 --- a/src/components/Notifications/NotificationTypes/index.ts +++ b/src/components/Notifications/NotificationTypes/index.ts @@ -15,7 +15,12 @@ import { BidAcceptedNotification } from "./Marketplace/BidAcceptedNotification" import { BidReceivedNotification } from "./Marketplace/BidReceivedNotification" import { ItemSoldNotification } from "./Marketplace/ItemSoldNotification" import { RoyaltiesEarnedNotification } from "./Marketplace/RoyaltiesEarnedNotification" +import { CampaignGasPriceHigherThanExpectedNotification } from "./Reward/CampaignGasPriceHigherThanExpectedNotification" +import { CampaignOutOfFundsNotification } from "./Reward/CampaignOutOfFundsNotification" +import { CampaignOutOfStockNotification } from "./Reward/CampaignOutOfStockNotification" import { RewardAssignedNotification } from "./Reward/RewardAssignedNotification" +import { RewardDelayedNotification } from "./Reward/RewardDelayedNotification" +import { RewardInProgressNotification } from "./Reward/RewardInProgressNotification" import { WorldsAccessRestoredNotification } from "./Worlds/WorldsAccessRestoredNotification" import { WorldsAccessRestrictedNotification } from "./Worlds/WorldsAccessRestrictedNotification" import { WorldsMissingResourcesNotification } from "./Worlds/WorldsMissingResourcesNotification" @@ -42,8 +47,13 @@ export { LandRentalEndedNotification, LandRentedNotification, RewardAssignedNotification, + RewardInProgressNotification, + RewardDelayedNotification, EventsStartsSoonNotification, EventsStartedNotification, WorldsPermissionGrantedNotification, WorldsPermissionRevokedNotification, + CampaignOutOfStockNotification, + CampaignOutOfFundsNotification, + CampaignGasPriceHigherThanExpectedNotification, } diff --git a/src/components/Notifications/Notifications.stories.tsx b/src/components/Notifications/Notifications.stories.tsx index f9235b6..1eaabde 100644 --- a/src/components/Notifications/Notifications.stories.tsx +++ b/src/components/Notifications/Notifications.stories.tsx @@ -6,6 +6,9 @@ import { allTypeOfNotifications, bidAcceptedNotificationData, bidReceivedNotificationPropsData, + campaignGasPriceHigherThanExpectedNotificationData, + campaignOutOfFundsNotificationData, + campaignOutOfStockNotificationData, eventStartedNotificationData, eventStartsSoonFutureStartNotificationData, eventStartsSoonPastStartNotificationData, @@ -22,6 +25,8 @@ import { landRentalEndedNotificationData, landRentedNotificationData, rewardAssignedNotificationData, + rewardDelayedNotificationData, + rewardInProgressNotificationData, royalitesEarnedNotificationPropsData, worldsAccessRestoredNotificationData, worldsAccessRestrictedNotificationData, @@ -160,7 +165,14 @@ const MarketplaceNotifications: Story = { const RewardsNotifications: Story = { name: "Rewards Notifications", args: { - items: [rewardAssignedNotificationData], + items: [ + rewardAssignedNotificationData, + rewardInProgressNotificationData, + rewardDelayedNotificationData, + campaignOutOfFundsNotificationData, + campaignOutOfStockNotificationData, + campaignGasPriceHigherThanExpectedNotificationData, + ], }, } diff --git a/src/components/Notifications/types.ts b/src/components/Notifications/types.ts index bc62759..0069bc0 100644 --- a/src/components/Notifications/types.ts +++ b/src/components/Notifications/types.ts @@ -72,6 +72,14 @@ type MarketplaceNotificationsProps = | BidAcceptedNotificationProps | BidReceivedNotificationProps +type RewardsNotificationProps = + | RewardAssignedNotificationProps + | RewardInProgressNotificationProps + | RewardDelayedNotificationProps + | CampaignOutOfFundsNotificationProps + | CampaignOutOfStockNotificationProps + | CampaignGasPriceHigherThanExpectedNotificationProps + // Governance Notifications type CommonGovernanceNotificationMetadataProps = { @@ -221,14 +229,48 @@ type LandNotificationsProps = // Reward Notifications +type CommonRewardsMetadata = { + tokenName: string + tokenImage: string + tokenRarity: Rarity +} + +type CommonCampaignMetadata = { + link?: string + campaignName: string +} + type RewardAssignedNotificationProps = RawDecentralandNotification< NotificationType.REWARD_ASSIGNED, - { - tokenName: string - tokenImage: string - tokenRarity: Rarity - } + CommonRewardsMetadata +> + +type RewardInProgressNotificationProps = RawDecentralandNotification< + NotificationType.REWARD_IN_PROGRESS, + CommonRewardsMetadata +> + +type RewardDelayedNotificationProps = RawDecentralandNotification< + NotificationType.REWARD_DELAYED, + CommonRewardsMetadata +> + +type CampaignOutOfStockNotificationProps = RawDecentralandNotification< + NotificationType.REWARD_CAMPAIGN_OUT_OF_STOCK, + CommonCampaignMetadata +> + +type CampaignOutOfFundsNotificationProps = RawDecentralandNotification< + NotificationType.REWARD_CAMPAIGN_OUT_OF_FUNDS, + CommonCampaignMetadata > + +type CampaignGasPriceHigherThanExpectedNotificationProps = + RawDecentralandNotification< + NotificationType.REWARD_CAMPAIGN_GAS_PRICE_HIGHER_THAN_EXPECTED, + CommonCampaignMetadata + > + type CommonEventsMetadataProps = { image: string link: string @@ -258,7 +300,7 @@ type DCLNotificationProps = | GovernanceNotificationsProps | WorldsNotificationsProps | LandNotificationsProps - | RewardAssignedNotificationProps + | RewardsNotificationProps | EventsNotificationsProps type CommonNotificationProps = { @@ -292,6 +334,11 @@ export { LandRentedNotificationProps, LandRentalEndedNotificationProps, RewardAssignedNotificationProps, + RewardInProgressNotificationProps, + RewardDelayedNotificationProps, + CampaignOutOfStockNotificationProps, + CampaignOutOfFundsNotificationProps, + CampaignGasPriceHigherThanExpectedNotificationProps, EventsStartsSoonNotificationProps, EventsStartedNotificationProps, DCLNotificationProps, diff --git a/src/components/Notifications/utils.tsx b/src/components/Notifications/utils.tsx index e64b0d0..6624b97 100644 --- a/src/components/Notifications/utils.tsx +++ b/src/components/Notifications/utils.tsx @@ -3,6 +3,9 @@ import { NotificationType, Rarity } from "@dcl/schemas" import { BidAcceptedNotification, BidReceivedNotification, + CampaignGasPriceHigherThanExpectedNotification, + CampaignOutOfFundsNotification, + CampaignOutOfStockNotification, EventsStartedNotification, EventsStartsSoonNotification, GovernanceAnnouncementNotification, @@ -18,6 +21,8 @@ import { LandRentalEndedNotification, LandRentedNotification, RewardAssignedNotification, + RewardDelayedNotification, + RewardInProgressNotification, RoyaltiesEarnedNotification, WorldsAccessRestoredNotification, WorldsAccessRestrictedNotification, @@ -79,12 +84,24 @@ const NotificationComponentByType: DecentralandNotificationComponentByType