history: remove back link on History page

Author: jamaljsr

app/src/__tests__/components/history/HistoryPage.spec.tsx

@@ -21,16 +21,6 @@ describe('HistoryPage', () => {
     expect(getByText('Loop History')).toBeInTheDocument();
   });
 
-  it('should display the back link', () => {
-    const { getByText } = render();
-    expect(getByText('Lightning Loop')).toBeInTheDocument();
-  });
-
-  it('should display the back icon', () => {
-    const { getByText } = render();
-    expect(getByText('arrow-left.svg')).toBeInTheDocument();
-  });
-
   it('should display the export icon', () => {
     const { getByText } = render();
     expect(getByText('download.svg')).toBeInTheDocument();
@@ -45,12 +35,6 @@ describe('HistoryPage', () => {
     expect(getByText('Updated')).toBeInTheDocument();
   });
 
-  it('should navigate back to the Loop Page', () => {
-    const { getByText } = render();
-    fireEvent.click(getByText('arrow-left.svg'));
-    expect(store.router.location.pathname).toBe('/loop');
-  });
-
   it('should export channels', () => {
     const { getByText } = render();
     fireEvent.click(getByText('download.svg'));

app/src/components/common/PageHeader.tsx

@@ -1,7 +1,6 @@
 import React, { ReactNode } from 'react';
 import { observer } from 'mobx-react-lite';
 import { usePrefixedTranslation } from 'hooks';
-import { useStore } from 'store';
 import { styled } from 'components/theme';
 import { ArrowLeft, Download, HeaderThree, HelpCircle } from '../base';
 import Tip from './Tip';
@@ -11,10 +10,9 @@ const Styled = {
     display: flex;
     justify-content: space-between;
   `,
-  Left: styled.span<{ sidebar?: boolean }>`
+  Left: styled.span`
     flex: 1;
     text-align: left;
-    padding-left: ${props => (props.sidebar ? '0' : '40px')};
   `,
   Center: styled.span`
     flex: 1;
@@ -56,12 +54,11 @@ const PageHeader: React.FC<Props> = ({
   onExportClick,
 }) => {
   const { l } = usePrefixedTranslation('cmps.common.PageHeader');
-  const { settingsStore } = useStore();
 
   const { Wrapper, Left, Center, Right, BackLink } = Styled;
   return (
     <Wrapper>
-      <Left sidebar={settingsStore.sidebarVisible}>
+      <Left>
         {onBackClick && (
           <BackLink onClick={onBackClick}>
             <ArrowLeft />

app/src/components/history/HistoryPage.tsx

@@ -14,17 +14,12 @@ const Styled = {
 
 const HistoryPage: React.FC = () => {
   const { l } = usePrefixedTranslation('cmps.history.HistoryPage');
-  const { uiStore, swapStore } = useStore();
+  const { swapStore } = useStore();
 
   const { Wrapper } = Styled;
   return (
     <Wrapper>
-      <PageHeader
-        title={l('pageTitle')}
-        backText={l('backText')}
-        onBackClick={uiStore.goToLoop}
-        onExportClick={swapStore.exportSwaps}
-      />
+      <PageHeader title={l('pageTitle')} onExportClick={swapStore.exportSwaps} />
       <HistoryList />
     </Wrapper>
   );