ui: update copy

Author: jamaljsr

app/src/__tests__/components/loop/LoopPage.spec.tsx

@@ -160,7 +160,7 @@ describe('LoopPage component', () => {
       expect(getByText('Configuring Loops')).toBeInTheDocument();
       expect(store.buildSwapStore.processingTimeout).toBeDefined();
       fireEvent.click(getByText('arrow-left.svg'));
-      expect(getByText('Review the quote')).toBeInTheDocument();
+      expect(getByText('Review Loop amount and fee')).toBeInTheDocument();
       expect(store.buildSwapStore.processingTimeout).toBeUndefined();
     });
   });

app/src/__tests__/components/loop/SwapWizard.spec.tsx

@@ -81,7 +81,7 @@ describe('SwapWizard component', () => {
     it('should display the description labels', () => {
       const { getByText } = render();
       expect(getByText('Step 2 of 2')).toBeInTheDocument();
-      expect(getByText('Review the quote')).toBeInTheDocument();
+      expect(getByText('Review Loop amount and fee')).toBeInTheDocument();
       expect(getByText('Loop Out Amount')).toBeInTheDocument();
       expect(getByText('Fees')).toBeInTheDocument();
       expect(getByText('Total')).toBeInTheDocument();

app/src/components/loop/LoopActions.tsx

@@ -20,7 +20,7 @@ const Styled = {
   ActionBar: styled.div`
     display: flex;
     align-items: center;
-    width: 595px;
+    min-width: 595px;
     padding: 15px;
     background-color: ${props => props.theme.colors.darkBlue};
     box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);

app/src/components/loop/swap/StepSummary.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import { useStore } from 'store';
 import { HeaderFive, HeaderFour, Small } from 'components/base';
 import { styled } from 'components/theme';
@@ -11,7 +10,7 @@ const Styled = {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    max-width: 240px;
+    max-width: 265px;
   `,
   Description: styled(Small)`
     opacity: 0.5;
@@ -24,7 +23,7 @@ const Styled = {
 interface Props {
   title: string;
   heading: string;
-  description: string;
+  description?: string;
 }
 
 const StepSummary: React.FC<Props> = ({ title, heading, description }) => {
@@ -36,7 +35,7 @@ const StepSummary: React.FC<Props> = ({ title, heading, description }) => {
       <div>
         <HeaderFour>{title}</HeaderFour>
         <HeaderFive>{heading}</HeaderFive>
-        <Description>{description}</Description>
+        {description && <Description>{description}</Description>}
       </div>
       <div>
         <SelectedChannels count={buildSwapStore.selectedChanIds.length} />

app/src/components/loop/swap/SwapReviewStep.tsx

@@ -47,11 +47,7 @@ const SwapReviewStep: React.FC = () => {
   return (
     <Wrapper>
       <Summary>
-        <StepSummary
-          title={l('title')}
-          heading={l('heading')}
-          description={l('description')}
-        />
+        <StepSummary title={l('title')} heading={l('heading')} />
       </Summary>
       <Invoice>
         <div>

app/src/i18n/locales/en-US.json

@@ -6,7 +6,7 @@
   "enums.BalanceMode.send": "Sending",
   "enums.BalanceMode.routing": "Routing",
   "cmps.auth.AuthPage.title": "Shushtar",
-  "cmps.auth.AuthPage.subtitle": "A tool to help you more effectively and efficiently manage inbound and outbound liquidity on your Lightning node",
+  "cmps.auth.AuthPage.subtitle": "Efficiently manage Lightning node liquidity",
   "cmps.auth.AuthPage.passLabel": "Enter your password in the field above",
   "cmps.auth.AuthPage.submitBtn": "Submit",
   "cmps.common.Tile.maximizeTip": "Maximize",
@@ -32,7 +32,7 @@
   "cmps.loop.SelectedChannels.channelsSelected": "channels selected",
   "cmps.loop.SelectedChannels.useAnyChannel": "Automatic channel selection",
   "cmps.loop.LoopActions.loopMinimumNote": "Minimum Loop amount is {{min}}",
-  "cmps.loop.LoopActions.loopInNote": "For multi Loop In, all channels must use the same peer.",
+  "cmps.loop.LoopActions.loopInNote": "Currently, multiple channel Loop In is supported only with a single peer.",
   "cmps.loop.LoopPage.pageTitle": "Lightning Loop",
   "cmps.loop.LoopHistory.emptyMsg": "After performing swaps, you will see ongoing loops and history here.",
   "cmps.loop.LoopTiles.history": "Loop History",
@@ -47,10 +47,10 @@
   "cmps.loop.swap.StepButtons.confirm": "Confirm",
   "cmps.loop.swap.SwapConfigStep.title": "Step 1 of 2",
   "cmps.loop.swap.SwapConfigStep.heading": "{{type}} Amount",
-  "cmps.loop.swap.SwapConfigStep.description": "Loop helps prevent errors receiving or forwarding payments. Use the slider to choose the amount to swap between on-chain and off-chain.",
+  "cmps.loop.swap.SwapConfigStep.description": "Loop moves funds in and out of the Lightning Network, simplifying the sending and receiving of payments via Lightning. Use the slider to select the amount to Loop In or Loop Out of the Lightning Network",
   "cmps.loop.swap.SwapProcessingStep.loadingMsg": "Configuring Loops",
   "cmps.loop.swap.SwapReviewStep.title": "Step 2 of 2",
-  "cmps.loop.swap.SwapReviewStep.heading": "Review the quote",
+  "cmps.loop.swap.SwapReviewStep.heading": "Review Loop amount and fee",
   "cmps.loop.swap.SwapReviewStep.description": "Confirm the fee for improving your channel liquidity. If you'd like to make adjustments, click the back arrow above.",
   "cmps.loop.swap.SwapReviewStep.amount": "{{type}} Amount",
   "cmps.loop.swap.SwapReviewStep.fees": "Fees",