From 887df1e3884bcee17e5ad1678191749ba48fd996 Mon Sep 17 00:00:00 2001 From: Tom French Date: Tue, 30 Aug 2022 01:26:38 +0100 Subject: [PATCH] refactor: sort imports in desktop-client alphabetically --- packages/desktop-client/src/components/App.js | 2 +- .../src/components/AppBackground.js | 2 +- .../src/components/FinancesApp.js | 10 +++++----- .../desktop-client/src/components/Modals.js | 8 ++++---- .../desktop-client/src/components/Titlebar.js | 2 +- .../src/components/accounts/Account.js | 18 +++++++++--------- .../src/components/accounts/Filters.js | 2 +- .../src/components/accounts/TransactionList.js | 2 +- .../components/accounts/TransactionsTable.js | 2 +- .../src/components/budget/index.js | 2 +- .../src/components/manager/ManagementApp.js | 4 ++-- .../src/components/modals/EditRule.js | 8 ++++---- .../src/components/reports/CashFlow.js | 2 +- .../components/reports/graphs/CashFlowGraph.js | 2 +- .../components/schedules/DiscoverSchedules.js | 2 +- .../src/components/schedules/EditSchedule.js | 9 ++++----- .../schedules/PostsOfflineNotification.js | 2 +- .../src/components/schedules/index.js | 2 +- .../components/tutorial/BudgetCategories.js | 2 +- .../src/components/tutorial/BudgetNewIncome.js | 2 +- .../src/components/tutorial/BudgetSummary.js | 2 +- .../src/components/tutorial/TransactionAdd.js | 2 +- .../components/tutorial/TransactionEnter.js | 2 +- .../src/components/tutorial/common.js | 2 +- packages/desktop-client/src/index.js | 4 ++-- 25 files changed, 48 insertions(+), 49 deletions(-) diff --git a/packages/desktop-client/src/components/App.js b/packages/desktop-client/src/components/App.js index ae132e3..2280386 100644 --- a/packages/desktop-client/src/components/App.js +++ b/packages/desktop-client/src/components/App.js @@ -6,8 +6,8 @@ import { init as initConnection, send } from 'loot-core/src/platform/client/fetch'; -import installPolyfills from '../polyfills'; import { styles, hasHiddenScrollbars } from 'loot-design/src/style'; +import installPolyfills from '../polyfills'; import FatalError from './FatalError'; import ManagementApp from './manager/ManagementApp'; import FinancesApp from './FinancesApp'; diff --git a/packages/desktop-client/src/components/AppBackground.js b/packages/desktop-client/src/components/AppBackground.js index af3fe57..f01ff69 100644 --- a/packages/desktop-client/src/components/AppBackground.js +++ b/packages/desktop-client/src/components/AppBackground.js @@ -1,9 +1,9 @@ import React from 'react'; import { View, Block } from 'loot-design/src/components/common'; import { css } from 'glamor'; -import Background from './Background'; import AnimatedLoading from 'loot-design/src/svg/v1/AnimatedLoading'; import { colors } from 'loot-design/src/style'; +import Background from './Background'; function AppBackground({ initializing, loadingText }) { return ( diff --git a/packages/desktop-client/src/components/FinancesApp.js b/packages/desktop-client/src/components/FinancesApp.js index 4f2be90..f28507d 100644 --- a/packages/desktop-client/src/components/FinancesApp.js +++ b/packages/desktop-client/src/components/FinancesApp.js @@ -10,15 +10,15 @@ import { SpreadsheetProvider } from 'loot-core/src/client/SpreadsheetProvider'; import checkForUpgradeNotifications from 'loot-core/src/client/upgrade-notifications'; import { colors } from 'loot-design/src/style'; import { View } from 'loot-design/src/components/common'; -import BankSyncStatus from './BankSyncStatus'; import { BudgetMonthCountProvider } from 'loot-design/src/components/budget/BudgetMonthCountContext'; import * as undo from 'loot-core/src/platform/client/undo'; -import { PageTypeProvider } from './Page'; -import { getLocationState } from '../util/location-state'; -import { ActiveLocationProvider } from './ActiveLocation'; -import { makeLocationState } from '../util/location-state'; import { PayeesProvider } from 'loot-core/src/client/data-hooks/payees'; import { AccountsProvider } from 'loot-core/src/client/data-hooks/accounts'; +import { getLocationState } from '../util/location-state'; +import { makeLocationState } from '../util/location-state'; +import { PageTypeProvider } from './Page'; +import { ActiveLocationProvider } from './ActiveLocation'; +import BankSyncStatus from './BankSyncStatus'; import Titlebar, { TitlebarProvider } from './Titlebar'; import FloatableSidebar, { SidebarProvider } from './FloatableSidebar'; diff --git a/packages/desktop-client/src/components/Modals.js b/packages/desktop-client/src/components/Modals.js index e9936e9..5e756bb 100644 --- a/packages/desktop-client/src/components/Modals.js +++ b/packages/desktop-client/src/components/Modals.js @@ -7,23 +7,23 @@ import Component from '@reactions/component'; import * as actions from 'loot-core/src/client/actions'; import { send, listen, unlisten } from 'loot-core/src/platform/client/fetch'; -import CreateAccount from './modals/CreateAccount'; import CreateLocalAccount from 'loot-design/src/components/modals/CreateLocalAccount'; import CloseAccount from 'loot-design/src/components/modals/CloseAccount'; import SelectLinkedAccounts from 'loot-design/src/components/modals/SelectLinkedAccounts'; import ConfigureLinkedAccounts from 'loot-design/src/components/modals/ConfigureLinkedAccounts'; import LoadBackup from 'loot-design/src/components/modals/LoadBackup'; +import PlaidExternalMsg from 'loot-design/src/components/modals/PlaidExternalMsg'; +import ImportTransactions from 'loot-design/src/components/modals/ImportTransactions'; +import EditField from 'loot-design/src/components/modals/EditField'; +import CreateAccount from './modals/CreateAccount'; import ManagePayeesWithData from './payees/ManagePayeesWithData'; import ManageRules from './modals/ManageRules'; import EditRule from './modals/EditRule'; import MergeUnusedPayees from './modals/MergeUnusedPayees'; -import PlaidExternalMsg from 'loot-design/src/components/modals/PlaidExternalMsg'; import ConfirmCategoryDelete from './modals/ConfirmCategoryDelete'; import WelcomeScreen from './modals/WelcomeScreen'; -import ImportTransactions from 'loot-design/src/components/modals/ImportTransactions'; import CreateEncryptionKey from './modals/CreateEncryptionKey'; import FixEncryptionKey from './modals/FixEncryptionKey'; -import EditField from 'loot-design/src/components/modals/EditField'; function Modals({ history, diff --git a/packages/desktop-client/src/components/Titlebar.js b/packages/desktop-client/src/components/Titlebar.js index 4352dbc..b96d5a9 100644 --- a/packages/desktop-client/src/components/Titlebar.js +++ b/packages/desktop-client/src/components/Titlebar.js @@ -16,11 +16,11 @@ import { P } from 'loot-design/src/components/common'; import SheetValue from 'loot-design/src/components/spreadsheet/SheetValue'; -import { MonthCountSelector } from './budget/MonthCountSelector'; import ArrowButtonRight1 from 'loot-design/src/svg/v2/ArrowButtonRight1'; import NavigationMenu from 'loot-design/src/svg/v2/NavigationMenu'; import ArrowLeft from 'loot-design/src/svg/v1/ArrowLeft'; import AlertTriangle from 'loot-design/src/svg/v2/AlertTriangle'; +import { MonthCountSelector } from './budget/MonthCountSelector'; import AccountSyncCheck from './accounts/AccountSyncCheck'; import LoggedInUser from './LoggedInUser'; import AnimatedRefresh from './AnimatedRefresh'; diff --git a/packages/desktop-client/src/components/accounts/Account.js b/packages/desktop-client/src/components/accounts/Account.js index add537b..9702010 100644 --- a/packages/desktop-client/src/components/accounts/Account.js +++ b/packages/desktop-client/src/components/accounts/Account.js @@ -25,7 +25,6 @@ import DotsHorizontalTriple from 'loot-design/src/svg/v1/DotsHorizontalTriple'; import Pencil1 from 'loot-design/src/svg/v2/Pencil1'; import SearchAlternate from 'loot-design/src/svg/v2/SearchAlternate'; import DownloadThickBottom from 'loot-design/src/svg/v2/DownloadThickBottom'; -import AnimatedRefresh from '../AnimatedRefresh'; import Add from 'loot-design/src/svg/v1/Add'; import format from 'loot-design/src/components/spreadsheet/format'; import useSheetValue from 'loot-design/src/components/spreadsheet/useSheetValue'; @@ -43,25 +42,26 @@ import { updateTransaction, ungroupTransactions } from 'loot-core/src/shared/transactions'; -import { - SplitsExpandedProvider, - useSplitsExpanded, - isPreviewId -} from './TransactionsTable'; import { styles, colors } from 'loot-design/src/style'; -import TransactionList from './TransactionList'; -import { authorizeBank } from '../../plaid'; import { SelectedProviderWithItems, useSelectedItems } from 'loot-design/src/components/useSelected'; import { KeyHandlers } from 'loot-design/src/components/KeyHandlers'; -import { FilterButton, AppliedFilters } from './Filters'; import { SchedulesProvider, useCachedSchedules } from 'loot-core/src/client/data-hooks/schedules'; +import { authorizeBank } from '../../plaid'; +import AnimatedRefresh from '../AnimatedRefresh'; import { useActiveLocation } from '../ActiveLocation'; +import { FilterButton, AppliedFilters } from './Filters'; +import TransactionList from './TransactionList'; +import { + SplitsExpandedProvider, + useSplitsExpanded, + isPreviewId +} from './TransactionsTable'; function EmptyMessage({ onAdd }) { return ( diff --git a/packages/desktop-client/src/components/accounts/Filters.js b/packages/desktop-client/src/components/accounts/Filters.js index 09b3dd1..e39a9cd 100644 --- a/packages/desktop-client/src/components/accounts/Filters.js +++ b/packages/desktop-client/src/components/accounts/Filters.js @@ -30,9 +30,9 @@ import { } from 'loot-core/src/shared/rules'; import DeleteIcon from 'loot-design/src/svg/Delete'; import SettingsSliderAlternate from 'loot-design/src/svg/v2/SettingsSliderAlternate'; +import { colors } from 'loot-design/src/style'; import GenericInput from '../util/GenericInput'; import { Value } from '../modals/ManageRules'; -import { colors } from 'loot-design/src/style'; let filterFields = [ 'date', diff --git a/packages/desktop-client/src/components/accounts/TransactionList.js b/packages/desktop-client/src/components/accounts/TransactionList.js index be5511f..a07c31f 100644 --- a/packages/desktop-client/src/components/accounts/TransactionList.js +++ b/packages/desktop-client/src/components/accounts/TransactionList.js @@ -1,6 +1,5 @@ import React, { useRef, useEffect, useCallback, useLayoutEffect } from 'react'; import { useDispatch } from 'react-redux'; -import { TransactionTable } from './TransactionsTable'; import { splitTransaction, updateTransaction, @@ -10,6 +9,7 @@ import { } from 'loot-core/src/shared/transactions'; import { send } from 'loot-core/src/platform/client/fetch'; import { getChangedValues, applyChanges } from 'loot-core/src/shared/util'; +import { TransactionTable } from './TransactionsTable'; const uuid = require('loot-core/src/platform/uuid'); // When data changes, there are two ways to update the UI: diff --git a/packages/desktop-client/src/components/accounts/TransactionsTable.js b/packages/desktop-client/src/components/accounts/TransactionsTable.js index d88f296..9b678e7 100644 --- a/packages/desktop-client/src/components/accounts/TransactionsTable.js +++ b/packages/desktop-client/src/components/accounts/TransactionsTable.js @@ -61,9 +61,9 @@ import { useSelectedItems } from 'loot-design/src/components/useSelected'; import { useMergedRefs } from 'loot-design/src/components/useMergedRefs'; -import { getStatusProps } from '../schedules/StatusBadge'; import { useCachedSchedules } from 'loot-core/src/client/data-hooks/schedules'; import { getScheduledAmount } from 'loot-core/src/shared/schedules'; +import { getStatusProps } from '../schedules/StatusBadge'; let TABLE_BACKGROUND_COLOR = colors.n11; diff --git a/packages/desktop-client/src/components/budget/index.js b/packages/desktop-client/src/components/budget/index.js index 1fb2d51..b1d862d 100644 --- a/packages/desktop-client/src/components/budget/index.js +++ b/packages/desktop-client/src/components/budget/index.js @@ -4,7 +4,6 @@ import * as actions from 'loot-core/src/client/actions'; import { send, listen } from 'loot-core/src/platform/client/fetch'; import * as monthUtils from 'loot-core/src/shared/months'; import { getValidMonthBounds } from 'loot-design/src/components/budget/MonthsContext'; -import { TitlebarContext } from '../Titlebar'; import * as rollover from 'loot-design/src/components/budget/rollover/rollover-components'; import { RolloverContext } from 'loot-design/src/components/budget/rollover/RolloverContext'; @@ -26,6 +25,7 @@ import { updateGroup, deleteGroup } from 'loot-core/src/shared/categories.js'; +import { TitlebarContext } from '../Titlebar'; let _initialBudgetMonth = null; diff --git a/packages/desktop-client/src/components/manager/ManagementApp.js b/packages/desktop-client/src/components/manager/ManagementApp.js index 82dcf68..7d574c7 100644 --- a/packages/desktop-client/src/components/manager/ManagementApp.js +++ b/packages/desktop-client/src/components/manager/ManagementApp.js @@ -5,9 +5,10 @@ import { Switch, Redirect, Router, Route } from 'react-router-dom'; import * as actions from 'loot-core/src/client/actions'; import { View, Text } from 'loot-design/src/components/common'; import { colors } from 'loot-design/src/style'; -import ServerURL from './ServerURL'; import LoggedInUser from '../LoggedInUser'; import Notifications from '../Notifications'; +import useServerVersion from '../../hooks/useServerVersion'; +import ServerURL from './ServerURL'; import Modals from './Modals'; import Login from './subscribe/Login'; @@ -15,7 +16,6 @@ import Bootstrap from './subscribe/Bootstrap'; import Error from './subscribe/Error'; import ChangePassword from './subscribe/ChangePassword'; import ConfigServer from './ConfigServer'; -import useServerVersion from '../../hooks/useServerVersion'; function Version() { const version = useServerVersion(); diff --git a/packages/desktop-client/src/components/modals/EditRule.js b/packages/desktop-client/src/components/modals/EditRule.js index cdfcd5d..c55c2c3 100644 --- a/packages/desktop-client/src/components/modals/EditRule.js +++ b/packages/desktop-client/src/components/modals/EditRule.js @@ -14,7 +14,6 @@ import { CustomSelect, Tooltip } from 'loot-design/src/components/common'; -import GenericInput from '../util/GenericInput'; import { send } from 'loot-core/src/platform/client/fetch'; import { colors } from 'loot-design/src/style'; import SubtractIcon from 'loot-design/src/svg/Subtract'; @@ -33,9 +32,6 @@ import { import useSelected, { SelectedProvider } from 'loot-design/src/components/useSelected'; -import SimpleTransactionsTable from '../accounts/SimpleTransactionsTable'; -import { StatusBadge } from '../schedules/StatusBadge'; -import DisplayId from '../util/DisplayId'; import { useSchedules } from 'loot-core/src/client/data-hooks/schedules'; import { integerToCurrency, @@ -43,6 +39,10 @@ import { amountToInteger } from 'loot-core/src/shared/util'; import * as monthUtils from 'loot-core/src/shared/months'; +import SimpleTransactionsTable from '../accounts/SimpleTransactionsTable'; +import { StatusBadge } from '../schedules/StatusBadge'; +import DisplayId from '../util/DisplayId'; +import GenericInput from '../util/GenericInput'; import { BetweenAmountInput } from '../util/AmountInput'; function updateValue(array, value, update) { diff --git a/packages/desktop-client/src/components/reports/CashFlow.js b/packages/desktop-client/src/components/reports/CashFlow.js index 10d9d46..45b3ee4 100644 --- a/packages/desktop-client/src/components/reports/CashFlow.js +++ b/packages/desktop-client/src/components/reports/CashFlow.js @@ -11,13 +11,13 @@ import { styles } from 'loot-design/src/style'; import { send } from 'loot-core/src/platform/client/fetch'; import * as monthUtils from 'loot-core/src/shared/months'; import { integerToCurrency } from 'loot-core/src/shared/util'; +import { colors } from 'loot-design/src/style'; import Header from './Header'; import Change from './Change'; import CashFlowGraph from './graphs/CashFlowGraph'; import { cashFlowByDate } from './graphs/cash-flow-spreadsheet'; import useReport from './useReport'; import { useArgsMemo } from './util'; -import { colors } from 'loot-design/src/style'; function CashFlow() { const [earliestMonth, setEarliestMonth] = useState(null); diff --git a/packages/desktop-client/src/components/reports/graphs/CashFlowGraph.js b/packages/desktop-client/src/components/reports/graphs/CashFlowGraph.js index 725ae01..ea050ab 100644 --- a/packages/desktop-client/src/components/reports/graphs/CashFlowGraph.js +++ b/packages/desktop-client/src/components/reports/graphs/CashFlowGraph.js @@ -8,10 +8,10 @@ import { VictoryGroup } from 'victory'; import * as d from 'date-fns'; +import { colors } from 'loot-design/src/style'; import Container from '../Container'; import Tooltip from '../Tooltip'; import theme from '../chart-theme'; -import { colors } from 'loot-design/src/style'; function CashFlowGraph({ style, start, end, graphData, isConcise, compact }) { return ( diff --git a/packages/desktop-client/src/components/schedules/DiscoverSchedules.js b/packages/desktop-client/src/components/schedules/DiscoverSchedules.js index 23550a9..ae2602c 100644 --- a/packages/desktop-client/src/components/schedules/DiscoverSchedules.js +++ b/packages/desktop-client/src/components/schedules/DiscoverSchedules.js @@ -25,8 +25,8 @@ import useSelected, { SelectedProvider } from 'loot-design/src/components/useSelected'; import { Page } from '../Page'; -import { ScheduleAmountCell } from './SchedulesTable'; import DisplayId from '../util/DisplayId'; +import { ScheduleAmountCell } from './SchedulesTable'; let ROW_HEIGHT = 43; diff --git a/packages/desktop-client/src/components/schedules/EditSchedule.js b/packages/desktop-client/src/components/schedules/EditSchedule.js index 236aa81..0e25e3b 100644 --- a/packages/desktop-client/src/components/schedules/EditSchedule.js +++ b/packages/desktop-client/src/components/schedules/EditSchedule.js @@ -18,17 +18,16 @@ import AccountAutocomplete from 'loot-design/src/components/AccountAutocomplete' import { Stack, View, Text, Button } from 'loot-design/src/components/common'; import DateSelect from 'loot-design/src/components/DateSelect'; import { SelectedItemsButton } from 'loot-design/src/components/table'; -import SimpleTransactionsTable from '../accounts/SimpleTransactionsTable'; -import { usePageType } from '../Page'; -import { Page } from '../Page'; import useSelected, { SelectedProvider } from 'loot-design/src/components/useSelected'; +import RecurringSchedulePicker from 'loot-design/src/components/RecurringSchedulePicker'; +import SimpleTransactionsTable from '../accounts/SimpleTransactionsTable'; +import { usePageType } from '../Page'; +import { Page } from '../Page'; import { OpSelect } from '../modals/EditRule'; import { AmountInput, BetweenAmountInput } from '../util/AmountInput'; -import RecurringSchedulePicker from 'loot-design/src/components/RecurringSchedulePicker'; - function mergeFields(defaults, initial) { let res = { ...defaults }; if (initial) { diff --git a/packages/desktop-client/src/components/schedules/PostsOfflineNotification.js b/packages/desktop-client/src/components/schedules/PostsOfflineNotification.js index ca37517..2d7cdcd 100644 --- a/packages/desktop-client/src/components/schedules/PostsOfflineNotification.js +++ b/packages/desktop-client/src/components/schedules/PostsOfflineNotification.js @@ -2,9 +2,9 @@ import React from 'react'; import { useLocation, useHistory } from 'react-router-dom'; import { send } from 'loot-core/src/platform/client/fetch'; import { Text, P, Button, Stack } from 'loot-design/src/components/common'; +import { colors } from 'loot-design/src/style'; import { Page } from '../Page'; import DisplayId from '../util/DisplayId'; -import { colors } from 'loot-design/src/style'; export default function PostsOfflineNotification() { let location = useLocation(); diff --git a/packages/desktop-client/src/components/schedules/index.js b/packages/desktop-client/src/components/schedules/index.js index 5157630..ede1a8c 100644 --- a/packages/desktop-client/src/components/schedules/index.js +++ b/packages/desktop-client/src/components/schedules/index.js @@ -2,8 +2,8 @@ import React from 'react'; import { useHistory } from 'react-router-dom'; import { View, Button } from 'loot-design/src/components/common'; import { send } from 'loot-core/src/platform/client/fetch'; -import { Page } from '../Page'; import { useSchedules } from 'loot-core/src/client/data-hooks/schedules'; +import { Page } from '../Page'; import { SchedulesTable, ROW_HEIGHT } from './SchedulesTable'; export default function Schedules() { diff --git a/packages/desktop-client/src/components/tutorial/BudgetCategories.js b/packages/desktop-client/src/components/tutorial/BudgetCategories.js index a120ee5..3efb8de 100644 --- a/packages/desktop-client/src/components/tutorial/BudgetCategories.js +++ b/packages/desktop-client/src/components/tutorial/BudgetCategories.js @@ -1,7 +1,7 @@ import React from 'react'; import { Tooltip, Pointer, P } from 'loot-design/src/components/common'; -import Navigation from './Navigation'; import { colors } from 'loot-design/src/style'; +import Navigation from './Navigation'; import { Title } from './common'; function BudgetInitial({ targetRect, navigationProps }) { diff --git a/packages/desktop-client/src/components/tutorial/BudgetNewIncome.js b/packages/desktop-client/src/components/tutorial/BudgetNewIncome.js index cd9c3ed..ff1bf88 100644 --- a/packages/desktop-client/src/components/tutorial/BudgetNewIncome.js +++ b/packages/desktop-client/src/components/tutorial/BudgetNewIncome.js @@ -1,7 +1,7 @@ import React from 'react'; import { Tooltip, Pointer, P } from 'loot-design/src/components/common'; -import Navigation from './Navigation'; import { colors } from 'loot-design/src/style'; +import Navigation from './Navigation'; import { Title } from './common'; function BudgetSummary({ targetRect, navigationProps }) { diff --git a/packages/desktop-client/src/components/tutorial/BudgetSummary.js b/packages/desktop-client/src/components/tutorial/BudgetSummary.js index cece55a..0a3e4ab 100644 --- a/packages/desktop-client/src/components/tutorial/BudgetSummary.js +++ b/packages/desktop-client/src/components/tutorial/BudgetSummary.js @@ -1,7 +1,7 @@ import React from 'react'; import { Tooltip, Pointer, P } from 'loot-design/src/components/common'; -import Navigation from './Navigation'; import { colors } from 'loot-design/src/style'; +import Navigation from './Navigation'; import { Title } from './common'; function BudgetSummary({ fromYNAB, targetRect, navigationProps }) { diff --git a/packages/desktop-client/src/components/tutorial/TransactionAdd.js b/packages/desktop-client/src/components/tutorial/TransactionAdd.js index f4e2ddc..5f2e9b0 100644 --- a/packages/desktop-client/src/components/tutorial/TransactionAdd.js +++ b/packages/desktop-client/src/components/tutorial/TransactionAdd.js @@ -1,7 +1,7 @@ import React from 'react'; import { Tooltip, Pointer, P } from 'loot-design/src/components/common'; -import Navigation from './Navigation'; import { colors } from 'loot-design/src/style'; +import Navigation from './Navigation'; import { Title } from './common'; function TransactionAdd({ targetRect, navigationProps }) { diff --git a/packages/desktop-client/src/components/tutorial/TransactionEnter.js b/packages/desktop-client/src/components/tutorial/TransactionEnter.js index 50ce47b..f06ecc1 100644 --- a/packages/desktop-client/src/components/tutorial/TransactionEnter.js +++ b/packages/desktop-client/src/components/tutorial/TransactionEnter.js @@ -1,7 +1,7 @@ import React from 'react'; import { P } from 'loot-design/src/components/common'; -import Navigation from './Navigation'; import * as monthUtils from 'loot-core/src/shared/months'; +import Navigation from './Navigation'; import { Standalone, Title } from './common'; function TransactionEnter({ fromYNAB, navigationProps }) { diff --git a/packages/desktop-client/src/components/tutorial/common.js b/packages/desktop-client/src/components/tutorial/common.js index 71f6bd3..8ec1f69 100644 --- a/packages/desktop-client/src/components/tutorial/common.js +++ b/packages/desktop-client/src/components/tutorial/common.js @@ -1,7 +1,7 @@ import React, { useState } from 'react'; import { View, AnchorLink } from 'loot-design/src/components/common'; -import AnimateIn from './AnimateIn'; import { colors } from 'loot-design/src/style'; +import AnimateIn from './AnimateIn'; export function Title({ children }) { return ( diff --git a/packages/desktop-client/src/index.js b/packages/desktop-client/src/index.js index 14597ab..2134f6d 100644 --- a/packages/desktop-client/src/index.js +++ b/packages/desktop-client/src/index.js @@ -7,7 +7,6 @@ import '@reach/listbox/styles.css'; import React from 'react'; import ReactDOM from 'react-dom'; -import App from './components/App'; import { createStore, combineReducers, @@ -21,8 +20,9 @@ import { send } from 'loot-core/src/platform/client/fetch'; import q, { runQuery } from 'loot-core/src/client/query-helpers'; import * as actions from 'loot-core/src/client/actions'; import thunk from 'redux-thunk'; -import { handleGlobalEvents } from './global-events'; import { initialState as initialAppState } from 'loot-core/src/client/reducers/app'; +import { handleGlobalEvents } from './global-events'; +import App from './components/App'; // See https://github.com/WICG/focus-visible. Only makes the blue // focus outline appear from keyboard events.