Rename ConnectDevicePage to ExtLedgerAccessPopup

.changelog/2093.trivial.md

@@ -0,0 +1 @@
+Rename ledger popup in extension

src/app/pages/ConnectDevicePage/index.tsx → extension/src/ExtLedgerAccessPopup/ExtLedgerAccessPopup.tsx

@@ -13,8 +13,8 @@ import { AlertBox } from 'app/components/AlertBox'
 import { WalletErrors } from 'types/errors'
 import { importAccountsActions } from 'app/state/importaccounts'
 import { requestDevice } from 'app/lib/ledger'
-import logotype from '../../../../public/Icon Blue 192.png'
-import { WalletType } from '../../state/wallet/types'
+import { WalletType } from '../../../src/app/state/wallet/types'
+import logotype from '../../../public/Icon Blue 192.png'
 
 type ConnectionStatus = 'connected' | 'disconnected' | 'connecting' | 'error'
 type ConnectionStatusIconPros = {
@@ -44,7 +44,7 @@ function ConnectionStatusIcon({ success = true, label, withMargin = false }: Con
   )
 }
 
-export function ConnectDevicePage() {
+export function ExtLedgerAccessPopup() {
   const { t } = useTranslation()
   const dispatch = useDispatch()
   const [connection, setConnection] = useState<ConnectionStatus>('disconnected')

src/app/pages/ConnectDevicePage/__tests__/__snapshots__/index.test.tsx.snap → extension/src/ExtLedgerAccessPopup/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<ConnectDevicePage /> should render component 1`] = `
+exports[`<ExtLedgerAccessPopup /> should render component 1`] = `
 .c0 {
   display: -webkit-box;
   display: -webkit-flex;

src/app/pages/ConnectDevicePage/__tests__/index.test.tsx → extension/src/ExtLedgerAccessPopup/__tests__/index.test.tsx

@@ -3,8 +3,8 @@ import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { requestDevice } from 'app/lib/ledger'
 import { importAccountsActions } from 'app/state/importaccounts'
-import { ConnectDevicePage } from '..'
-import { WalletType } from '../../../state/wallet/types'
+import { ExtLedgerAccessPopup } from '../ExtLedgerAccessPopup'
+import { WalletType } from '../../../../src/app/state/wallet/types'
 
 jest.mock('app/lib/ledger')
 
@@ -14,17 +14,17 @@ jest.mock('react-redux', () => ({
   useDispatch: () => mockDispatch,
 }))
 
-describe('<ConnectDevicePage />', () => {
+describe('<ExtLedgerAccessPopup />', () => {
   it('should render component', () => {
-    const { container } = render(<ConnectDevicePage />)
+    const { container } = render(<ExtLedgerAccessPopup />)
 
     expect(container).toMatchSnapshot()
   })
 
   it('should render success state', async () => {
     jest.mocked(requestDevice).mockResolvedValue({} as USBDevice)
 
-    render(<ConnectDevicePage />)
+    render(<ExtLedgerAccessPopup />)
 
     await userEvent.click(screen.getByRole('button'))
 
@@ -40,7 +40,7 @@ describe('<ConnectDevicePage />', () => {
   it('should render error state', async () => {
     jest.mocked(requestDevice).mockRejectedValue(new Error('error'))
 
-    render(<ConnectDevicePage />)
+    render(<ExtLedgerAccessPopup />)
 
     userEvent.click(screen.getByRole('button'))
 

extension/src/popup/routes.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { RouteObject } from 'react-router-dom'
 import { App } from 'app'
-import { ConnectDevicePage } from 'app/pages/ConnectDevicePage'
+import { ExtLedgerAccessPopup } from '../ExtLedgerAccessPopup/ExtLedgerAccessPopup'
 import { FromLedgerWebExtension } from 'app/pages/OpenWalletPage/webextension'
 import { commonRoutes } from '../../../src/commonRoutes'
 import { SelectOpenMethod } from '../../../src/app/pages/OpenWalletPage'
@@ -24,6 +24,6 @@ export const routes: RouteObject[] = [
   },
   {
     path: 'open-wallet/connect-device',
-    element: <ConnectDevicePage />,
+    element: <ExtLedgerAccessPopup />,
   },
 ]