fix for mode selection text

stratisproject · Jan 8, 2025 · b587200 · b587200
1 parent 51cf25f
commit b587200
Show file tree

Hide file tree

Showing 6 changed files with 29 additions and 174 deletions.
diff --git a/src/pages/Acknowledgements/AcknowledgementProgressTracker/index.tsx b/src/pages/Acknowledgements/AcknowledgementProgressTracker/index.tsx
@@ -49,9 +49,6 @@ export const _AcknowledgementProgressTracker = ({
     [AcknowledgementIdsEnum.keyManagement]: formatMessage({
       defaultMessage: 'Key management',
     }),
-    [AcknowledgementIdsEnum.earlyAdoptionRisks]: formatMessage({
-      defaultMessage: 'Early adoption risks',
-    }),
     [AcknowledgementIdsEnum.checklist]: formatMessage({
       defaultMessage: 'Checklist',
     }),

diff --git a/src/pages/Acknowledgements/index copy.tsx b/src/pages/Acknowledgements/index copy.tsx
diff --git a/src/pages/Acknowledgements/index.tsx b/src/pages/Acknowledgements/index.tsx
@@ -132,8 +132,8 @@ const _AcknowledgementPage = ({
       </Subtitle>
       <Paper className="flex flex-column">
         <Accordion>
-        {acknowledgementIdsArray.filter(value => value !== AcknowledgementIdsEnum.confirmation &&  value !== AcknowledgementIdsEnum.terminal).map((value) => (
-          <AccordionItem title={steps[value].title}>          
+          {acknowledgementIdsArray.filter(value => value !== AcknowledgementIdsEnum.confirmation &&  value !== AcknowledgementIdsEnum.terminal).map((value) => (
+            <AccordionItem title={steps[value].title}>          
               <AcknowledgementSection
                 showTitle={false}
                 handleContinueClick={handleContinueClick}
@@ -145,7 +145,7 @@ const _AcknowledgementPage = ({
                 acknowledgementId={value}
                 acknowledgementText={steps[value].acknowledgementText}
               />     
-          </AccordionItem>          
+            </AccordionItem>          
         ))}  
         </Accordion>
         <AcknowledgementFooter>

diff --git a/src/pages/Acknowledgements/pageContent.tsx b/src/pages/Acknowledgements/pageContent.tsx
@@ -193,24 +193,6 @@ export const pageContent = {
       />
     ),
   },
-  [AcknowledgementIdsEnum.earlyAdoptionRisks]: {
-    title: <FormattedMessage defaultMessage="Early adopter risks" />,
-    content: (
-      <Text size="medium" className="my10">
-        <FormattedMessage
-          defaultMessage="You're joining a network in its early stages. As with any new piece of software,
-              there is the potential for software bugs. While unlikely, potential bugs may
-              result in slashing."
-        />
-      </Text>
-    ),
-    acknowledgementText: (
-      <FormattedMessage
-        defaultMessage="I am an early adopter, and I accept that software and design bugs may
-          result in me being slashed."
-      />
-    ),
-  },
   [AcknowledgementIdsEnum.terminal]: {
     title: <FormattedMessage defaultMessage="Using the terminal" />,
     content: (

diff --git a/src/pages/SelectMode/index.tsx b/src/pages/SelectMode/index.tsx
@@ -6,6 +6,7 @@ import { useHistory } from 'react-router-dom';
 import { Link } from '../../components/Link';
 import { PageTemplate } from '../../components/PageTemplate';
 import { Heading } from '../../components/Heading';
+import { Text } from '../../components/Text';
 
 import { routesEnum } from '../../Routes';
 
@@ -97,7 +98,7 @@ export const SelectModePage = () => {
                 <FormattedMessage defaultMessage="Option 1" />
               </Heading>
               <BoldGreen>
-                <FormattedMessage defaultMessage="One-Click" />
+                <FormattedMessage defaultMessage="One-Click Setup" />
               </BoldGreen>
             </div>
             {formArrow}
@@ -115,13 +116,35 @@ export const SelectModePage = () => {
                 <FormattedMessage defaultMessage="Option 2" />
               </Heading>
               <BoldGreen>
-                <FormattedMessage defaultMessage="Manual setup" />
+                <FormattedMessage defaultMessage="Traditional Setup" />
               </BoldGreen>
             </div>
             {formArrow}
           </Card>
         </StyledLink>
-      </CardContainer>      
+      </CardContainer>    
+      <Heading level={3} className="mt30">
+        <FormattedMessage defaultMessage="One-Click Setup" />
+      </Heading>
+      <Text className="mt10">
+        <FormattedMessage defaultMessage="Ideal for those who want to get started quickly or have less technical experience" />
+        <ul>
+          <li>Automated installation and configuration</li>
+          <li>Fewer manual steps</li>
+          <li>Standardized deployment</li>
+        </ul>
+      </Text>
+      <Heading level={3} className="mt20">
+        <FormattedMessage defaultMessage="Traditional Setup" />
+      </Heading>
+      <Text className="mt10">
+        <FormattedMessage defaultMessage="This method may be preferred by more experienced users who want granular control" />
+        <ul>
+          <li>Ethereum Staking Process</li>
+          <li>Manual Node Configuration</li>
+          <li>Greater Control</li>
+        </ul>
+      </Text>  
     </PageTemplate>
   );
 };
diff --git a/src/store/reducers/acknowledgementReducer.ts b/src/store/reducers/acknowledgementReducer.ts
@@ -7,7 +7,6 @@ export enum AcknowledgementIdsEnum {
   responsibilities,
   slashing,
   keyManagement,
-  earlyAdoptionRisks,
   checklist,
   confirmation,
 }
@@ -23,7 +22,6 @@ const defaultAcknowledgementState: AcknowledgementStateInterface = {
   [AcknowledgementIdsEnum.responsibilities]: false,
   [AcknowledgementIdsEnum.slashing]: false,
   [AcknowledgementIdsEnum.keyManagement]: false,
-  [AcknowledgementIdsEnum.earlyAdoptionRisks]: false,
   [AcknowledgementIdsEnum.checklist]: false,
   [AcknowledgementIdsEnum.confirmation]: false,
 };