Merge pull request #812 from subquery/feat/add-more-shortcut

feat: add more shortcut
subquery · Jan 20, 2025 · cf1d116 · cf1d116
2 parents 6b4ed3e + 4ad6cd9
commit cf1d116
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 9 deletions.
diff --git a/src/components/DeploymentInfo/DeploymentInfo.tsx b/src/components/DeploymentInfo/DeploymentInfo.tsx
@@ -48,6 +48,10 @@ export const DeploymentInfo: React.FC<Props> = ({ project, deploymentId, type, m
           label: 'What flex plan price should I set?',
           value: `What flex plan price should I set for project deployment ${deploymentId}?`,
         },
+        {
+          label: 'How should I allocate my SQT to this deployment?',
+          value: `How much SQT should I allocated to deployment ${deploymentId}?`,
+        },
       ]}
       chatBoxInstance={chatBoxStore.chatBoxRef}
     >

diff --git a/src/components/DoAllocate/DoAllocate.tsx b/src/components/DoAllocate/DoAllocate.tsx
@@ -350,14 +350,12 @@ const DoAllocate: FC<IProps> = ({ projectId, deploymentId, actionBtn, onSuccess,
                 },
               ]}
             >
-              {/* <ChatBoxPlanTextTrigger
-                triggerMsg={`
-                How much SQT should I allocated to deployment ${deploymentId}?
-              `}
+              <ChatBoxPlanTextTrigger
+                triggerMsg={`How much SQT should I allocated to deployment ${deploymentId}?`}
                 chatBoxInstance={chatBoxStore.chatBoxRef}
               >
                 How should I allocate my SQT to this project deployment?
-              </ChatBoxPlanTextTrigger> */}
+              </ChatBoxPlanTextTrigger>
               <NumberInput
                 description=""
                 maxAmount={addOrRemove === 'Add' ? avaibleStakeAmount : currentAllocatedTokensOfThisDeployment}

diff --git a/src/pages/delegator/Indexers.tsx b/src/pages/delegator/Indexers.tsx
@@ -5,13 +5,26 @@ import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { Outlet } from 'react-router';
 import { AppPageHeader } from '@components/AppPageHeader';
+import { ChatBoxPlanTextTrigger, Typography } from '@subql/components';
+
+import { useChatBoxStore } from 'src/stores/chatbox';
 
 export const Indexers: React.FC = () => {
   const { t } = useTranslation();
-
+  const { chatBoxRef } = useChatBoxStore();
   return (
     <>
-      <AppPageHeader title={t('indexer.indexers')} desc={t('allIndexers.desc')} />
+      <AppPageHeader
+        title={
+          <div className="col-flex" style={{ gap: '8px' }}>
+            <Typography variant="h5">{t('indexer.indexers')}</Typography>
+            <ChatBoxPlanTextTrigger triggerMsg="Which operator should I delegate to?" chatBoxInstance={chatBoxRef}>
+              Which operator should I delegate to?
+            </ChatBoxPlanTextTrigger>
+          </div>
+        }
+        desc={t('allIndexers.desc')}
+      />
       <Outlet></Outlet>
     </>
   );

diff --git a/src/pages/delegator/MyDelegation.tsx b/src/pages/delegator/MyDelegation.tsx
@@ -24,7 +24,7 @@ import { useMinCommissionRate } from '@hooks/useMinCommissionRate';
 import { FormatCardLine } from '@pages/account';
 import { BalanceLayout } from '@pages/dashboard';
 import { RewardsLineChart } from '@pages/dashboard/components/RewardsLineChart/RewardsLineChart';
-import { Spinner, SubqlCard, TableText, TableTitle, Typography } from '@subql/components';
+import { ChatBoxPlanTextTrigger, Spinner, SubqlCard, TableText, TableTitle, Typography } from '@subql/components';
 import {
   truncFormatEtherStr,
   useAsyncMemo,
@@ -48,6 +48,7 @@ import { parseEther } from 'ethers/lib/utils';
 import { t, TFunction } from 'i18next';
 
 import { PER_MILL } from 'src/const/const';
+import { useChatBoxStore } from 'src/stores/chatbox';
 
 import { formatNumberWithLocale, formatSQT } from '../../utils/numberFormatters';
 import { DoDelegate } from './DoDelegate';
@@ -455,6 +456,7 @@ export const MyDelegation: React.FC = () => {
   const { account } = useWeb3();
   const filterParams = { delegator: account ?? '', filterIndexer: account ?? '', offset: 0 };
   const { getDisplayedCommission } = useMinCommissionRate();
+  const { chatBoxRef } = useChatBoxStore();
   const { width } = useSize(document.querySelector('body')) || { width: 0 };
   const [fetchIndexerLeverageLimit] = useLazyQuery<{ cach: { value: string } }>(gql`
     query {
@@ -562,7 +564,17 @@ export const MyDelegation: React.FC = () => {
 
   return (
     <>
-      <AppPageHeader title={'My Delegation'} desc={t('delegate.delegationDesc')} />
+      <AppPageHeader
+        title={
+          <div className="col-flex" style={{ gap: '8px' }}>
+            <Typography variant="h5">My Delegation</Typography>
+            <ChatBoxPlanTextTrigger triggerMsg="Give me advise on delegate" chatBoxInstance={chatBoxRef}>
+              Give me advise on delegate.
+            </ChatBoxPlanTextTrigger>
+          </div>
+        }
+        desc={t('delegate.delegationDesc')}
+      />
       <WalletRoute
         componentMode
         element={renderAsync(delegationList, {