Merge remote-tracking branch 'upstream/main' into develop

Author: mateumiralles

.env.example

@@ -43,3 +43,6 @@ WALLETCONNECT_PROJECT_ID=
 
 # ETH Stake Widget API for IPFS mode
 WIDGET_API_BASE_PATH_FOR_IPFS=
+
+# Survey api
+SURVEY_API=https://survey.testnet.fi

assets/icons/file.svg

@@ -35,6 +35,7 @@ type ExternalLinksConstants = {
   ethseerDashboard?: string;
   subscribeEvents: string;
   keysApi: string;
+  surveyApi: string;
 };
 
 export const EXTERNAL_LINKS_BY_NETWORK: Partial<
@@ -60,6 +61,7 @@ export const EXTERNAL_LINKS_BY_NETWORK: Partial<
     ethseerDashboard: 'https://ethseer.io',
     subscribeEvents: 'https://docs.lido.fi/staking-modules/csm/guides/events',
     keysApi: 'http://lido-events.lido-csm-mainnet.dappnode:8081', // DAPPNODE
+    surveyApi: 'https://csm-surveys-api-mainnet.up.railway.app',
   },
   [CHAINS.Holesky]: {
     earlyAdoptionTree:
@@ -80,6 +82,7 @@ export const EXTERNAL_LINKS_BY_NETWORK: Partial<
     ratedExplorer: 'https://explorer.rated.network',
     subscribeEvents: 'https://docs.lido.fi/staking-modules/csm/guides/events',
     keysApi: 'http://lido-events.lido-csm-holesky.dappnode:8081', // DAPPNODE
+    surveyApi: 'https://csm-surveys-api-testnet.up.railway.app',
   },
 };
 

consts/external-links.ts

@@ -22,6 +22,12 @@ export const PATH = <const>{
   STEALING: '/stealing',
   STEALING_REPORT: '/stealing/report',
   STEALING_CANCEL: '/stealing/cancel',
+
+  SURVEYS: '/surveys',
+  SURVEYS_CONTACTS: '/surveys/contacts',
+  SURVEYS_EXPERIENCE: '/surveys/experience',
+  SURVEYS_HOW_DID_YOU_LEARN_CSM: '/surveys/learn-csm',
+  SURVEYS_SETUP: '/surveys/setup',
 };
 
 export type PATH = (typeof PATH)[keyof typeof PATH];

consts/urls.ts

@@ -41,3 +41,6 @@ export const prefillUnsafeElRpcUrls17000 =
 /** @type string */
 export const widgetApiBasePathForIpfs =
   process.env.WIDGET_API_BASE_PATH_FOR_IPFS;
+
+/** @type string */
+export const surveyApi = process.env.SURVEY_API;

env-dynamics.mjs

@@ -10,7 +10,13 @@ import { differenceInCalendarDays, fromUnixTime } from 'date-fns';
 import { ModalComponentType, useModal } from 'providers/modal-provider';
 import { useNodeOperatorId } from 'providers/node-operator-provider';
 import { FC, useCallback } from 'react';
-import { GrayText, Stack, TextBlock, TxLinkEtherscan } from 'shared/components';
+import {
+  GrayText,
+  Plural,
+  Stack,
+  TextBlock,
+  TxLinkEtherscan,
+} from 'shared/components';
 import { FaqElement } from 'shared/components/faq/styles';
 import {
   getNextRewardsFrame,
@@ -108,7 +114,16 @@ export const LastRewards: FC = () => {
             ) : (
               <Stack center gap="xs">
                 <GrayText>Expected</GrayText>
-                <BadgeStyle>in {daysLeft} days</BadgeStyle>
+                <BadgeStyle>
+                  {daysLeft === 0 ? (
+                    'Today'
+                  ) : (
+                    <>
+                      in {daysLeft}{' '}
+                      <Plural variants={['day', 'days']} value={daysLeft} />
+                    </>
+                  )}
+                </BadgeStyle>
               </Stack>
             ))}
         </Stack>

features/dashboard/bond/last-rewards.tsx

@@ -1,8 +1,17 @@
 import { FC } from 'react';
 
 import { BannerHeader, BlockStyled } from './styles';
+import { getConfig } from 'config';
+import { CHAINS } from 'consts/chains';
+import { HoleskyBanner } from 'features/welcome/holesky-banner';
+
+const { defaultChain } = getConfig();
 
 export const PausedBanner: FC = () => {
+  if (defaultChain === CHAINS.Holesky) {
+    return <HoleskyBanner open />;
+  }
+
   return (
     <BlockStyled>
       <BannerHeader>CSM is paused</BannerHeader>

features/starter-pack/paused-banner/paused-banner.tsx

@@ -0,0 +1,5 @@
+export * from './survey-button';
+export * from './survey-item';
+export * from './survey-link';
+export * from './survey-section';
+export * from './warning';

features/surveys/components/index.ts

@@ -0,0 +1,14 @@
+import { Button } from '@lidofinance/lido-ui';
+import { FC } from 'react';
+
+type SurveyButtonProps = React.ComponentProps<typeof Button> & {
+  title: string;
+};
+
+export const SurveyButton: FC<SurveyButtonProps> = ({ title, ...props }) => {
+  return (
+    <Button variant="outlined" size="sm" {...props}>
+      {title}
+    </Button>
+  );
+};

features/surveys/components/survey-button.tsx

@@ -0,0 +1,23 @@
+import { Block, Text } from '@lidofinance/lido-ui';
+import { FC, PropsWithChildren, ReactNode } from 'react';
+import { Stack } from 'shared/components';
+
+type SurveyItemProps = {
+  title: ReactNode;
+};
+
+export const SurveyItem: FC<PropsWithChildren<SurveyItemProps>> = ({
+  children,
+  title,
+}) => {
+  return (
+    <Block>
+      <Stack align="center" spaceBetween>
+        <Text as="h4" size="sm" weight="bold">
+          {title}
+        </Text>
+        <Stack gap="md">{children}</Stack>
+      </Stack>
+    </Block>
+  );
+};