Merge pull request #863 from subquery/feat/consumer-rewards-banner

feat: consumer rewards

Author: HuberTRoy

src/App.tsx

@@ -3,6 +3,7 @@
 
 import React, { PropsWithChildren, useCallback, useEffect, useRef } from 'react';
 import { BrowserRouter } from 'react-router-dom';
+import AlertBanner from '@components/AlertBanner/AlertBanner';
 import { ChainStatus } from '@components/ConnectWallet';
 import { Header } from '@components/Header';
 import { AppInitProvider } from '@containers/AppInitialProvider';
@@ -91,6 +92,7 @@ const RenderRouter: React.FC = () => {
           <div className="Header">
             <Header />
           </div>
+          <AlertBanner center></AlertBanner>
           <div className="Content">
             <ChainStatus>
               <RouterComponent></RouterComponent>

src/components/AlertBanner/AlertBanner.tsx

@@ -64,18 +64,17 @@ const AlertBanner: FC<{ center?: boolean }> = ({ center = false }) => {
                     fill="white"
                   />
                 </svg>
-                SubQuery AI Apps are here
+                SubQuery’s 100 Million $SQT Consumer Rewards Programme is Here!
               </Typography>
               <Typography variant="medium" style={{ color: '#fff' }}>
-                SubQuery AI Apps framework makes building decentralised AI Applications fast and easy. AI apps are self
-                contained and easily scalable AI agents that you can use to power your intelligent applications.
-                <br></br>Try it out by clicking the chatbot icon on the bottom right of your screen!
+                Host your indexer or use RPCs on the SubQuery Network and earn up to 900% of your query spending in
+                rewards. The sooner you deploy on the network, the more you stand to gain.
               </Typography>
             </div>
             <span style={{ flex: 1 }}></span>
             <Button shape="round" size="large">
-              <Typography.Link href="https://academy.subquery.network/ai/welcome.html" type="info" target="_blank">
-                Start building AI Apps
+              <Typography.Link href="https://subquery.foundation/consumer-rewards" type="info" target="_blank">
+                Learn More
               </Typography.Link>
             </Button>
           </div>

src/components/GlobalBanner/GlobalBanner.module.css

@@ -803,11 +803,33 @@ export const useMakeNotification = () => {
     }
   }, [currentEra.data?.index, notificationStore.notificationList]);
 
+  const makeConsumerRewardsProgrameNotification = useCallback(async () => {
+    notificationStore.addNotification(
+      {
+        key: NotificationKey.ConsumerRewards,
+        level: 'info',
+        message: `We’ve allocated 1 Million $SQT rewards pool for consumers who host their indexers or use dRPCs on the SubQuery Network. Earn up to 900% of your query spending.`,
+        title: 'Consumer Rewards Pool Increase',
+        createdAt: Date.now(),
+        canBeDismissed: true,
+        dismissTime: defaultDismissTime,
+        dismissTo: undefined,
+        type: '',
+        buttonProps: {
+          label: 'Learn More',
+          navigateHref: 'https://subquery.foundation/consumer-rewards',
+        },
+      },
+      true,
+    );
+  }, [notificationStore.notificationList]);
+
   const initAllNotification = useCallback(() => {
     idleCallback(() =>
       idleQueue([
         // use this sort to make sure the most important notification show first
         //
+        () => makeConsumerRewardsProgrameNotification(),
         () => makeUnhealthyConsumerRewardsProjectNotification(),
         () => makeOverAllocateAndUnStakeAllocationNotification(),
         () => makeLowControllerBalanceNotification(),
@@ -833,6 +855,7 @@ export const useMakeNotification = () => {
     makeInOrDecreaseCommissionNotification,
     makeNewOperatorNotification,
     makeUnhealthyConsumerRewardsProjectNotification,
+    makeConsumerRewardsProgrameNotification,
   ]);
 
   return {

src/components/GlobalBanner/GlobalBanner.tsx

@@ -173,8 +173,8 @@ export const ActiveCard = () => {
                       Consumer Rewards Programme
                     </Typography>
                     <Typography type="secondary" style={{ whiteSpace: 'pre-wrap' }}>
-                      Earn up to 900% of your query spending in SQT rewards, with dedicated reward pools for both
-                      Subgraphs and SubQuery Projects.
+                      We’ve allocated 1 Million $SQT rewards pool for consumers who host their indexers or use dRPCs on
+                      the SubQuery Network. Earn up to 900% of your query spending.
                     </Typography>
 
                     <div>

src/components/GlobalBanner/index.ts

@@ -30,6 +30,7 @@ export enum NotificationKey {
   DecreaseCommissionRate = 'decreaseCommissionRate',
   IncreaseCommissionRate = 'increaseCommissionRate',
   NewOperator = 'newOperator',
+  ConsumerRewards = 'ConsumerRewards',
 }
 
 const NotificationItemFromIo = t.type({