diff --git a/packages/loot-design/package.json b/packages/loot-design/package.json
index 1b54ea539d9e48d99f384da1fa1582395f6bd0c4..4d9a147a8e4d6679c2204ffc62ef165530619e9d 100644
--- a/packages/loot-design/package.json
+++ b/packages/loot-design/package.json
@@ -12,6 +12,8 @@
"chroma-js": "^1.3.3",
"date-fns": "2.0.0-alpha.27",
"downshift": "1.31.16",
+ "eslint": "5.6.0",
+ "eslint-plugin-prettier": "^3.1.4",
"fast-glob": "^2.2.2",
"formik": "^0.11.10",
"glamor": "^2.20.40",
@@ -48,7 +50,8 @@
"start:mobile": "IS_REACT_NATIVE=1 react-scripts start",
"test": "npm-run-all -cp 'test:*'",
"test:web": "jest -c jest.config.js",
- "test:react-native": "jest -c jest.rn.config.js"
+ "test:react-native": "jest -c jest.rn.config.js",
+ "lint": "eslint src"
},
"homepage": "./",
"manifest": "manifest.json",
@@ -61,8 +64,5 @@
},
"browserslist": [
"electron 3.0"
- ],
- "eslintConfig": {
- "extends": "react-app"
- }
+ ]
}
diff --git a/packages/loot-design/src/components/PayeeAutocomplete.js b/packages/loot-design/src/components/PayeeAutocomplete.js
index 9f48367c6d6cc4b9696e704489dd5358aecfc8a5..4c3ee166d81d5fa7cf64e1a321317359ede0f255 100644
--- a/packages/loot-design/src/components/PayeeAutocomplete.js
+++ b/packages/loot-design/src/components/PayeeAutocomplete.js
@@ -183,7 +183,9 @@ export default function PayeeAutocomplete({
let payees = useCachedPayees();
let accounts = useCachedAccounts();
- let [focusTransferPayees, setFocusTransferPayees] = useState(defaultFocusTransferPayees);
+ let [focusTransferPayees, setFocusTransferPayees] = useState(
+ defaultFocusTransferPayees
+ );
let payeeSuggestions = useMemo(
() => [
{ id: 'new', name: '' },
diff --git a/packages/loot-design/src/components/View.mobile.js b/packages/loot-design/src/components/View.mobile.js
index e4418c870b40fd8a97705d9198944cee42be62fa..f20f2993ac1430992397e67bab7dcb73bfa90b8f 100644
--- a/packages/loot-design/src/components/View.mobile.js
+++ b/packages/loot-design/src/components/View.mobile.js
@@ -1,3 +1,3 @@
import { View } from 'react-native';
-export default View
+export default View;
diff --git a/packages/loot-design/src/components/budget/report/components.js b/packages/loot-design/src/components/budget/report/components.js
index 51bdb80cd2d4f646eb4346b0008489a75a77d86c..b3d87f9bd9684053bcc46e72b09f0c58171b78fb 100644
--- a/packages/loot-design/src/components/budget/report/components.js
+++ b/packages/loot-design/src/components/budget/report/components.js
@@ -33,7 +33,7 @@ export const BudgetTotalsMonth = React.memo(function BudgetTotalsMonth() {
binding={reportBudget.totalBudgetedExpense}
type="financial"
style={{ color: colors.n4, fontWeight: 600 }}
- formatter={(value) => {
+ formatter={value => {
return format(parseFloat(value || '0'), 'financial');
}}
/>
@@ -136,7 +136,7 @@ function BalanceTooltip({ categoryId, tooltip, monthIndex, onBudgetAction }) {
onClose={tooltip.close}
>
<Menu
- onMenuSelect={(type) => {
+ onMenuSelect={type => {
onBudgetAction(monthIndex, 'carryover', {
category: categoryId,
flag: !carryover
@@ -199,10 +199,10 @@ export const CategoryMonth = React.memo(function CategoryMonth({
binding: reportBudget.catBudgeted(category.id),
type: 'financial',
getValueStyle: makeAmountGrey,
- formatExpr: (expr) => {
+ formatExpr: expr => {
return integerToCurrency(expr);
},
- unformatExpr: (expr) => {
+ unformatExpr: expr => {
return amountToInteger(evalArithmetic(expr, 0));
}
}}
@@ -211,7 +211,7 @@ export const CategoryMonth = React.memo(function CategoryMonth({
onEdit(null);
}
}}
- onSave={(amount) => {
+ onSave={amount => {
onBudgetAction(monthIndex, 'budget-amount', {
category: category.id,
amount
diff --git a/packages/loot-design/src/components/common.js b/packages/loot-design/src/components/common.js
index b54c259f90704cca8a838b98c2ca76be6563b508..1aea5a59433b37ae34e71b0f8ace564faa928a02 100644
--- a/packages/loot-design/src/components/common.js
+++ b/packages/loot-design/src/components/common.js
@@ -3,7 +3,7 @@ import React, {
useEffect,
useLayoutEffect,
useState,
- useCallback,
+ useCallback
} from 'react';
import { css } from 'glamor';
import mergeRefs from 'react-merge-refs';
diff --git a/packages/loot-design/src/components/hooks.js b/packages/loot-design/src/components/hooks.js
index e6eb234df9e4a717da9c69401300be14317abc05..315d1e017432be0e2f7b49323da333817103a0a4 100644
--- a/packages/loot-design/src/components/hooks.js
+++ b/packages/loot-design/src/components/hooks.js
@@ -1,4 +1,4 @@
-import { useRef } from 'react';
+import { useEffect, useRef } from 'react';
export function useScrollFlasher() {
let scrollRef = useRef(null);
diff --git a/packages/loot-design/src/components/manager/ImportYNAB4.js b/packages/loot-design/src/components/manager/ImportYNAB4.js
index ebb46629eebc91a43cd21343ef5939851220416c..dbe9f939f93c72511fbde15a0e20845d16b04249 100644
--- a/packages/loot-design/src/components/manager/ImportYNAB4.js
+++ b/packages/loot-design/src/components/manager/ImportYNAB4.js
@@ -1,14 +1,7 @@
import React, { useState } from 'react';
import { useDispatch } from 'react-redux';
import { importBudget } from 'loot-core/src/client/actions/budgets';
-import {
- View,
- Block,
- Modal,
- Button,
- ButtonWithLoading,
- P
-} from '../common';
+import { View, Block, Modal, Button, ButtonWithLoading, P } from '../common';
import { styles, colors } from '../../style';
function getErrorMessage(error) {
@@ -67,10 +60,10 @@ function Import({ modalProps, availableImports }) {
</P>
<P>
When you've located your data,{' '}
- <strong>compress it into a zip file</strong>. On macOS, right-click
- the folder and select "Compress". On Windows, right-click and
- select "Send to > Compressed (zipped) folder". Upload the zipped
- folder for importing.
+ <strong>compress it into a zip file</strong>. On macOS,
+ right-click the folder and select "Compress". On Windows,
+ right-click and select "Send to > Compressed (zipped) folder".
+ Upload the zipped folder for importing.
</P>
<View>
<ButtonWithLoading loading={importing} primary onClick={onImport}>
diff --git a/packages/loot-design/src/components/mobile/ScalableImage.js b/packages/loot-design/src/components/mobile/ScalableImage.js
index 5f50fab15903e14d692f2d40d3ef968f64ec424a..531e1dd2d97454f1c0fe75926723311d6aaa8342 100644
--- a/packages/loot-design/src/components/mobile/ScalableImage.js
+++ b/packages/loot-design/src/components/mobile/ScalableImage.js
@@ -64,7 +64,7 @@ export default function ScalableImage(props) {
width: scalableWidth,
height: scalableHeight,
flex: -1,
- overflow: 'hidden',
+ overflow: 'hidden'
},
props.style
]}
diff --git a/packages/loot-design/src/components/mobile/account.js b/packages/loot-design/src/components/mobile/account.js
index bb7e49010c7828cedd5a3a38e060d6cb39b39c74..ae3a2fefea16e2acb242e1aee6efbfc506d984a4 100644
--- a/packages/loot-design/src/components/mobile/account.js
+++ b/packages/loot-design/src/components/mobile/account.js
@@ -64,7 +64,7 @@ export function AccountDetails({
return prependTransactions.concat(transactions);
}, [prependTransactions, transactions]);
- console.log('rendering')
+ console.log('rendering');
return (
<View style={{ flex: 1, backgroundColor: 'white' }}>
diff --git a/packages/loot-design/src/components/mobile/budget.js b/packages/loot-design/src/components/mobile/budget.js
index 5eb4461cb56548e2cca0fbda76debc57318983d3..65033fff5b02c850481fab074ff79a773dc915a4 100644
--- a/packages/loot-design/src/components/mobile/budget.js
+++ b/packages/loot-design/src/components/mobile/budget.js
@@ -123,7 +123,7 @@ export class BudgetCell extends React.PureComponent {
return (
<SheetValue binding={binding}>
- {(node) => {
+ {node => {
return (
<View style={style}>
<AmountInput
@@ -140,7 +140,7 @@ export class BudgetCell extends React.PureComponent {
scrollIntoView={Platform.OS === 'android'}
textStyle={[styles.smallText, textStyle]}
animationColor="white"
- onBlur={(value) => {
+ onBlur={value => {
onBudgetAction(month, 'budget-amount', {
category: categoryId,
amount: amountToInteger(value)
@@ -288,7 +288,7 @@ export class BudgetCategory extends React.PureComponent {
let content = (
<ListItem
- ref={(el) => (this.container = el)}
+ ref={el => (this.container = el)}
style={[
{
backgroundColor: editing ? colors.p11 : 'transparent',
@@ -323,7 +323,7 @@ export class BudgetCategory extends React.PureComponent {
name="balance"
binding={balance}
style={[styles.smallText, { width: 90, textAlign: 'right' }]}
- getStyle={(value) => value < 0 && { color: colors.r4 }}
+ getStyle={value => value < 0 && { color: colors.r4 }}
type="financial"
/>
</Animated.View>
@@ -487,8 +487,14 @@ export class TotalsRow extends React.PureComponent {
export class IncomeCategory extends React.PureComponent {
render() {
- const { name, budget, balance, style, nameTextStyle, amountTextStyle } =
- this.props;
+ const {
+ name,
+ budget,
+ balance,
+ style,
+ nameTextStyle,
+ amountTextStyle
+ } = this.props;
return (
<ListItem
style={[
@@ -717,10 +723,10 @@ export class IncomeBudgetGroup extends React.Component {
}
export class BudgetGroups extends React.Component {
- getGroups = memoizeOne((groups) => {
+ getGroups = memoizeOne(groups => {
return {
- incomeGroup: groups.find((group) => group.is_income),
- expenseGroups: groups.filter((group) => !group.is_income)
+ incomeGroup: groups.find(group => group.is_income),
+ expenseGroups: groups.filter(group => !group.is_income)
};
});
@@ -742,7 +748,7 @@ export class BudgetGroups extends React.Component {
return (
<View style={{ marginBottom: 15 }}>
- {expenseGroups.map((group) => {
+ {expenseGroups.map(group => {
return (
<BudgetGroup
key={group.id}
@@ -800,7 +806,7 @@ export class BudgetTable extends React.Component {
}
});
- const keyboardWillHide = (e) => {
+ const keyboardWillHide = e => {
if (ACTScrollViewManager) {
ACTScrollViewManager.setFocused(-1);
}
@@ -831,7 +837,7 @@ export class BudgetTable extends React.Component {
this.cleanup();
}
- onEditCategory = (id) => {
+ onEditCategory = id => {
this.setState({ editingCategory: id });
};
@@ -849,11 +855,9 @@ export class BudgetTable extends React.Component {
onMoveUp = () => {
const { categories } = this.props;
const { editingCategory } = this.state;
- const expenseCategories = categories.filter((cat) => !cat.is_income);
+ const expenseCategories = categories.filter(cat => !cat.is_income);
- const idx = expenseCategories.findIndex(
- (cat) => editingCategory === cat.id
- );
+ const idx = expenseCategories.findIndex(cat => editingCategory === cat.id);
if (idx - 1 >= 0) {
this.onEditCategory(expenseCategories[idx - 1].id);
}
@@ -862,11 +866,9 @@ export class BudgetTable extends React.Component {
onMoveDown = () => {
const { categories } = this.props;
const { editingCategory } = this.state;
- const expenseCategories = categories.filter((cat) => !cat.is_income);
+ const expenseCategories = categories.filter(cat => !cat.is_income);
- const idx = expenseCategories.findIndex(
- (cat) => editingCategory === cat.id
- );
+ const idx = expenseCategories.findIndex(cat => editingCategory === cat.id);
if (idx + 1 < expenseCategories.length) {
this.onEditCategory(expenseCategories[idx + 1].id);
}
@@ -937,7 +939,7 @@ export class BudgetTable extends React.Component {
styles.smallText,
{ color: colors.n1, textAlign: 'right', fontWeight: '500' }
]}
- formatter={(value) => {
+ formatter={value => {
return format(-parseFloat(value || '0'), 'financial');
}}
/>
@@ -958,7 +960,7 @@ export class BudgetTable extends React.Component {
<AndroidKeyboardAvoidingView includeStatusBar={true}>
{!editMode ? (
<ScrollView
- ref={(el) => (this.list = el)}
+ ref={el => (this.list = el)}
keyboardShouldPersistTaps="always"
refreshControl={refreshControl}
style={{ backgroundColor: colors.n10 }}
@@ -993,7 +995,7 @@ export class BudgetTable extends React.Component {
ref={this.gestures.scroll}
>
<Animated.ScrollView
- ref={(el) => {
+ ref={el => {
scrollRef.current = el;
this.list = el;
}}
diff --git a/packages/loot-design/src/components/mobile/budget.test.js b/packages/loot-design/src/components/mobile/budget.test.js
index 12454e120e172978bfd5ecc48aad2bf6b0a466e3..3fd5929d8a0111f67bf5e2f026792be8b6a289c6 100644
--- a/packages/loot-design/src/components/mobile/budget.test.js
+++ b/packages/loot-design/src/components/mobile/budget.test.js
@@ -178,7 +178,7 @@ describe('Budget', () => {
expectToBeEditingRow(container, 1);
// It should never go past the last expense category
- let lastCat = categories.findIndex((c) => c.is_income) - 1;
+ let lastCat = categories.findIndex(c => c.is_income) - 1;
editRow(container, lastCat);
expectToBeEditingRow(container, lastCat);
fireEvent.press(getButton(container, 'down'));
@@ -247,7 +247,7 @@ describe('Budget', () => {
fireEvent.press(getButton(container, 'done'));
expectToNotBeEditing(container);
- await new Promise((resolve) => setTimeout(resolve, 100));
+ await new Promise(resolve => setTimeout(resolve, 100));
expect(getField(container, 1, 'budgeted').textContent).toBe('22.00');
});
});
diff --git a/packages/loot-design/src/components/mobile/dragdrop.js b/packages/loot-design/src/components/mobile/dragdrop.js
index 812495f8f5ce813df73b50c27495f2ece539b4f1..959af4dc517381df1443bbec0790421049a72ab9 100644
--- a/packages/loot-design/src/components/mobile/dragdrop.js
+++ b/packages/loot-design/src/components/mobile/dragdrop.js
@@ -173,7 +173,7 @@ export function DragDrop({ makeHighlight, children, style }) {
A.set(ax, absoluteX),
A.set(ay, absoluteY),
- A.call([ax, ay], onDragMove),
+ A.call([ax, ay], onDragMove)
])
])
}
diff --git a/packages/loot-design/src/components/mobile/transaction.js b/packages/loot-design/src/components/mobile/transaction.js
index 9f9c6d01e7ab09dba59ed70677e1157fa19bb7ba..fcedc83b134c15a158473306c4d933a16ffe26cb 100644
--- a/packages/loot-design/src/components/mobile/transaction.js
+++ b/packages/loot-design/src/components/mobile/transaction.js
@@ -1,11 +1,5 @@
import React from 'react';
-import {
- View,
- Text,
- SectionList,
- ScrollView,
- Animated
-} from 'react-native';
+import { View, Text, SectionList, ScrollView, Animated } from 'react-native';
import memoizeOne from 'memoize-one';
import {
format as formatDate,
@@ -772,8 +766,8 @@ export class Transaction extends React.PureComponent {
let prettyCategory = transferAcct
? 'Transfer'
: is_parent
- ? 'Split'
- : categoryName;
+ ? 'Split'
+ : categoryName;
let isPreview = isPreviewId(id);
let textStyle = isPreview && {
@@ -787,8 +781,8 @@ export class Transaction extends React.PureComponent {
notes === 'missed'
? colors.r6
: notes === 'due'
- ? colors.y4
- : colors.n5
+ ? colors.y4
+ : colors.n5
}
];
diff --git a/packages/loot-design/src/components/mobile/transaction.usage.js b/packages/loot-design/src/components/mobile/transaction.usage.js
index 2edf4f7f6bb38e5dc5feabc1e165994fc140ecf7..90830f9917aa505e87ebcfec4cb5d0652209545b 100644
--- a/packages/loot-design/src/components/mobile/transaction.usage.js
+++ b/packages/loot-design/src/components/mobile/transaction.usage.js
@@ -33,8 +33,8 @@ transactions.sort((t1, t2) => {
return monthUtils.isBefore(t1.date, t2.date)
? 1
: monthUtils.isAfter(t1.date, t2.date)
- ? -1
- : 0;
+ ? -1
+ : 0;
});
transactions[1].description =
'A really long one to test to see what happens when there iss too much';
diff --git a/packages/loot-design/src/components/modals/CloseAccount.js b/packages/loot-design/src/components/modals/CloseAccount.js
index 6e53820fb3cfadc7436b0041a0f4072f905b7af7..b53a8b393b161713604d1279fc1f6783c93a8149 100644
--- a/packages/loot-design/src/components/modals/CloseAccount.js
+++ b/packages/loot-design/src/components/modals/CloseAccount.js
@@ -1,14 +1,6 @@
import React, { useState } from 'react';
import { Formik } from 'formik';
-import {
- View,
- Text,
- Modal,
- Button,
- P,
- Select,
- FormError,
-} from '../common';
+import { View, Text, Modal, Button, P, Select, FormError } from '../common';
import { integerToCurrency } from 'loot-core/src/shared/util';
import { colors } from '../../style';
diff --git a/packages/loot-design/src/components/modals/PlaidExternalMsg.js b/packages/loot-design/src/components/modals/PlaidExternalMsg.js
index 31e3d6be885815517c3f0609259234ac1cce5dd9..edfbb32bb294ee40e84213d396933966de4a24c3 100644
--- a/packages/loot-design/src/components/modals/PlaidExternalMsg.js
+++ b/packages/loot-design/src/components/modals/PlaidExternalMsg.js
@@ -1,12 +1,5 @@
import React, { useState, useRef } from 'react';
-import {
- View,
- Text,
- Modal,
- Button,
- P,
- ModalButtons
-} from '../common';
+import { View, Text, Modal, Button, P, ModalButtons } from '../common';
import { Error } from '../alerts';
import { colors } from '../../style';
import AnimatedLoading from '../../svg/v1/AnimatedLoading';
diff --git a/packages/loot-design/src/components/payees.usage.js b/packages/loot-design/src/components/payees.usage.js
index 549d06c6ee29c2bfd2a84de5097043169de6e7a6..c40aa48a6d3b0f0ae17b8be74f58bd2aab592104 100644
--- a/packages/loot-design/src/components/payees.usage.js
+++ b/packages/loot-design/src/components/payees.usage.js
@@ -95,7 +95,12 @@ export default () => (
onClose: () => setState({ isCurrent: true })
}}
payees={state.payees}
- ruleCounts={new Map([['three', 1], ['tw', 3]])}
+ ruleCounts={
+ new Map([
+ ['three', 1],
+ ['tw', 3]
+ ])
+ }
categoryGroups={categoryGroups}
onBatchChange={changes => {
setState({ payees: applyChanges(changes, state.payees) });
diff --git a/packages/loot-design/src/components/spreadsheet/CellDebugger.js b/packages/loot-design/src/components/spreadsheet/CellDebugger.js
index c7c84ad3963f45a2e52160bf2e269e8733ac4a23..1339ced029a7c3dcc99950036c12f3f56c616e91 100644
--- a/packages/loot-design/src/components/spreadsheet/CellDebugger.js
+++ b/packages/loot-design/src/components/spreadsheet/CellDebugger.js
@@ -34,9 +34,7 @@ class CellDebugger extends Component {
render() {
return (
<tr>
- <td>
- {this.props.name}:{' '}
- </td>
+ <td>{this.props.name}: </td>
<td>
<input
type="text"
diff --git a/packages/loot-design/src/components/spreadsheet/SheetValue.js b/packages/loot-design/src/components/spreadsheet/SheetValue.js
index 927be9f0aa1ee19046c860b7758bb155b887de40..48e0ceb2312a89e4560c3302dc15f6865fd867e1 100644
--- a/packages/loot-design/src/components/spreadsheet/SheetValue.js
+++ b/packages/loot-design/src/components/spreadsheet/SheetValue.js
@@ -47,24 +47,21 @@ export default function SheetValue({
latestValue.current = result.value;
});
- useLayoutEffect(
- () => {
- if (binding.query) {
- spreadsheet.createQuery(sheetName, binding.name, binding.query);
- }
+ useLayoutEffect(() => {
+ if (binding.query) {
+ spreadsheet.createQuery(sheetName, binding.name, binding.query);
+ }
- return spreadsheet.bind(sheetName, binding, null, newResult => {
- if (latestOnChange.current) {
- latestOnChange.current(newResult);
- }
+ return spreadsheet.bind(sheetName, binding, null, newResult => {
+ if (latestOnChange.current) {
+ latestOnChange.current(newResult);
+ }
- if (newResult.value !== latestValue.current) {
- setResult(newResult);
- }
- });
- },
- [sheetName, binding.name]
- );
+ if (newResult.value !== latestValue.current) {
+ setResult(newResult);
+ }
+ });
+ }, [sheetName, binding.name]);
return result.value != null ? children(result, setCell) : null;
}
diff --git a/packages/loot-design/src/components/spreadsheet/useSheetValue.js b/packages/loot-design/src/components/spreadsheet/useSheetValue.js
index 3dc9f562b4bebebaf9660637fb7d581aa76d3dd8..6ed20ef4b90232e1028b38728fce36269cbe68b6 100644
--- a/packages/loot-design/src/components/spreadsheet/useSheetValue.js
+++ b/packages/loot-design/src/components/spreadsheet/useSheetValue.js
@@ -51,24 +51,21 @@ export default function useSheetValue(binding, onChange) {
latestValue.current = result.value;
});
- useLayoutEffect(
- () => {
- if (binding.query) {
- spreadsheet.createQuery(sheetName, binding.name, binding.query);
- }
+ useLayoutEffect(() => {
+ if (binding.query) {
+ spreadsheet.createQuery(sheetName, binding.name, binding.query);
+ }
- return spreadsheet.bind(sheetName, binding, null, newResult => {
- if (latestOnChange.current) {
- latestOnChange.current(newResult);
- }
+ return spreadsheet.bind(sheetName, binding, null, newResult => {
+ if (latestOnChange.current) {
+ latestOnChange.current(newResult);
+ }
- if (newResult.value !== latestValue.current) {
- setResult(newResult);
- }
- });
- },
- [sheetName, binding.name]
- );
+ if (newResult.value !== latestValue.current) {
+ setResult(newResult);
+ }
+ });
+ }, [sheetName, binding.name]);
return result.value;
}
diff --git a/packages/loot-design/src/components/table.js b/packages/loot-design/src/components/table.js
index efe1ee15c3280627f948daa3ddc7635238b890f8..4ff59227e31a810f7a33bb44a6bc08037843a8d5 100644
--- a/packages/loot-design/src/components/table.js
+++ b/packages/loot-design/src/components/table.js
@@ -31,10 +31,7 @@ import SheetValue from './spreadsheet/SheetValue';
import DateSelect from './DateSelect';
import format from './spreadsheet/format';
import { keys } from '../util/keys';
-import {
- AvoidRefocusScrollProvider,
- useProperFocus,
-} from './useProperFocus';
+import { AvoidRefocusScrollProvider, useProperFocus } from './useProperFocus';
import { useSelectedItems } from './useSelected';
export const ROW_HEIGHT = 32;
@@ -250,26 +247,23 @@ export function Row({
let rowRef = useRef(null);
let timer = useRef(null);
- useEffect(
- () => {
- if (highlighted && !prevHighlighted.current && rowRef.current) {
- rowRef.current.classList.add('animated');
- setShouldHighlight(true);
+ useEffect(() => {
+ if (highlighted && !prevHighlighted.current && rowRef.current) {
+ rowRef.current.classList.add('animated');
+ setShouldHighlight(true);
- clearTimeout(timer.current);
- timer.current = setTimeout(() => {
- setShouldHighlight(false);
+ clearTimeout(timer.current);
+ timer.current = setTimeout(() => {
+ setShouldHighlight(false);
- timer.current = setTimeout(() => {
- if (rowRef.current) {
- rowRef.current.classList.remove('animated');
- }
- }, 500);
+ timer.current = setTimeout(() => {
+ if (rowRef.current) {
+ rowRef.current.classList.remove('animated');
+ }
}, 500);
- }
- },
- [highlighted]
- );
+ }, 500);
+ }
+ }, [highlighted]);
useEffect(() => {
prevHighlighted.current = highlighted;
@@ -1233,8 +1227,8 @@ export function useTableNavigator(data, fields, opts = {}) {
? 'up'
: 'down'
: e.shiftKey
- ? 'left'
- : 'right'
+ ? 'left'
+ : 'right'
);
break;
default:
diff --git a/packages/loot-design/src/components/tooltips.js b/packages/loot-design/src/components/tooltips.js
index afc2f39f765d3a128e3fc1218e4ecf61ad9b7fe3..acd99d37427e12fd3c00e0993a5c8f70c243aa44 100644
--- a/packages/loot-design/src/components/tooltips.js
+++ b/packages/loot-design/src/components/tooltips.js
@@ -189,7 +189,8 @@ export class Tooltip extends React.Component {
// If it doesn't fit below it, switch it above only if it does
// fit above it
(this.position.indexOf('bottom') !== -1 &&
- (testBottom > containerRect.height && testTop > 0))
+ testBottom > containerRect.height &&
+ testTop > 0)
) {
// Invert the position
this.position = this.getOppositePosition(this.position);
diff --git a/packages/loot-design/src/parse-figma-theme.js b/packages/loot-design/src/parse-figma-theme.js
index 28c2a568b3d5ae7a753c2e08a0a20888cb5b5996..87953888e5176f7a9ca867ccafe730496c8e46a1 100644
--- a/packages/loot-design/src/parse-figma-theme.js
+++ b/packages/loot-design/src/parse-figma-theme.js
@@ -1,7 +1,7 @@
let fs = require('fs');
let contents = fs.readFileSync(process.argv[2], 'utf8');
-let list = contents.match(/(\#[0-9a-fA-F]*)/g);
+let list = contents.match(/(#[0-9a-fA-F]*)/g);
let groups = ['y', 'r', 'b', 'n', 'g', 'p'];
let colors = {};
diff --git a/packages/loot-design/src/setupTests.js b/packages/loot-design/src/setupTests.js
index ebf5e77954fc7de677fdbf14b87fbb5c85b1c186..27fad9d336bd28d063bb287f57bd5731cc5e316d 100644
--- a/packages/loot-design/src/setupTests.js
+++ b/packages/loot-design/src/setupTests.js
@@ -53,7 +53,7 @@ process.on('unhandledRejection', reason => {
});
global.afterEach(() => {
- __resetWorld();
+ global.__resetWorld();
});
// https://github.com/testing-library/react-testing-library#suppressing-unnecessary-warnings-on-react-dom-168
diff --git a/packages/loot-design/src/svg/Add.mobile.js b/packages/loot-design/src/svg/Add.mobile.js
index 1f16d3aae392532b198d585da1dc49b3e59f24f6..a121771cdd93a87b7db634a31f0f54a63d4001e3 100644
--- a/packages/loot-design/src/svg/Add.mobile.js
+++ b/packages/loot-design/src/svg/Add.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function Add({ width, height, style, color = "black", ...props }) {
+function Add({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
@@ -34,13 +34,11 @@ function Add({ width, height, style, color = "black", ...props }) {
<Path
fill={color}
className="path"
- className="path"
d="M23,11.5 L23,11.5 L23,11.5 C23,12.3284271 22.3284271,13 21.5,13 L1.5,13 L1.5,13 C0.671572875,13 1.01453063e-16,12.3284271 0,11.5 L0,11.5 L0,11.5 C-1.01453063e-16,10.6715729 0.671572875,10 1.5,10 L21.5,10 L21.5,10 C22.3284271,10 23,10.6715729 23,11.5 Z"
/>
<Path
fill={color}
className="path"
- className="path"
d="M11.5,23 C10.6715729,23 10,22.3284271 10,21.5 L10,1.5 C10,0.671572875 10.6715729,1.52179594e-16 11.5,0 C12.3284271,-1.52179594e-16 13,0.671572875 13,1.5 L13,21.5 C13,22.3284271 12.3284271,23 11.5,23 Z"
/>
</Svg>
diff --git a/packages/loot-design/src/svg/Add.web.js b/packages/loot-design/src/svg/Add.web.js
index c651c735110640dd5e2671fbbdde347e1330053b..ad94f413b02edc71728443f58cbdb7df9b17c5a5 100644
--- a/packages/loot-design/src/svg/Add.web.js
+++ b/packages/loot-design/src/svg/Add.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function Add({ width, height, style, color = "black", ...props }) {
+function Add({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
@@ -16,13 +16,11 @@ function Add({ width, height, style, color = "black", ...props }) {
<path
fill={color}
className="path"
- className="path"
d="M23,11.5 L23,11.5 L23,11.5 C23,12.3284271 22.3284271,13 21.5,13 L1.5,13 L1.5,13 C0.671572875,13 1.01453063e-16,12.3284271 0,11.5 L0,11.5 L0,11.5 C-1.01453063e-16,10.6715729 0.671572875,10 1.5,10 L21.5,10 L21.5,10 C22.3284271,10 23,10.6715729 23,11.5 Z"
/>
<path
fill={color}
className="path"
- className="path"
d="M11.5,23 C10.6715729,23 10,22.3284271 10,21.5 L10,1.5 C10,0.671572875 10.6715729,1.52179594e-16 11.5,0 C12.3284271,-1.52179594e-16 13,0.671572875 13,1.5 L13,21.5 C13,22.3284271 12.3284271,23 11.5,23 Z"
/>
</svg>
diff --git a/packages/loot-design/src/svg/Bank.mobile.js b/packages/loot-design/src/svg/Bank.mobile.js
index 6f619a63fa67be9403c61c4257ecc730db74288b..d71ce89f1fa5ea860841618741016b57f460fd1b 100644
--- a/packages/loot-design/src/svg/Bank.mobile.js
+++ b/packages/loot-design/src/svg/Bank.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function Bank({ width, height, style, color = "black", ...props }) {
+function Bank({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/Bank.web.js b/packages/loot-design/src/svg/Bank.web.js
index a2e407a46dc7cac816a622e1febd4d5a8c6f8366..3fe1b04dc1513e2dd6f4ef7a8ef53ac39bdef59f 100644
--- a/packages/loot-design/src/svg/Bank.web.js
+++ b/packages/loot-design/src/svg/Bank.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function Bank({ width, height, style, color = "black", ...props }) {
+function Bank({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/Budget.mobile.js b/packages/loot-design/src/svg/Budget.mobile.js
index 3a223a5ff2eaf0c42d9f777436aaf80c05fe674c..e5ed789ffdce7f7f22669347e7b240a6f90a843d 100644
--- a/packages/loot-design/src/svg/Budget.mobile.js
+++ b/packages/loot-design/src/svg/Budget.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function Budget({ width, height, style, color = "black", ...props }) {
+function Budget({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/Budget.web.js b/packages/loot-design/src/svg/Budget.web.js
index be0c6b5e841273800f7435c215aacc1e59328762..6fb2f2dea10c44999cefe2286e9001bc7cb90b97 100644
--- a/packages/loot-design/src/svg/Budget.web.js
+++ b/packages/loot-design/src/svg/Budget.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function Budget({ width, height, style, color = "black", ...props }) {
+function Budget({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/Check.mobile.js b/packages/loot-design/src/svg/Check.mobile.js
index ec747fa47ddb81e9bf2d282011ed32aa4c59f932..5b1e3ab7343166e8137024e7435a5780b90f2e16 100644
--- a/packages/loot-design/src/svg/Check.mobile.js
+++ b/packages/loot-design/src/svg/Check.mobile.js
@@ -1 +1,2 @@
-null
\ No newline at end of file
+// eslint-disable-next-line no-unused-expressions
+null;
diff --git a/packages/loot-design/src/svg/Check.web.js b/packages/loot-design/src/svg/Check.web.js
index 81b64d94bd5f7eebbcf681877ef49a8fd14edabb..e6eff90fb7167786350f516d4f2d0079ddc49b45 100644
--- a/packages/loot-design/src/svg/Check.web.js
+++ b/packages/loot-design/src/svg/Check.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function Check({ width, height, style, color = "black", ...props }) {
+function Check({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/Delete.mobile.js b/packages/loot-design/src/svg/Delete.mobile.js
index bb5efd982e61e2e39fa02a3cd9f6c85e3aca2930..c856b906f95ae46f963c53060307cf5414e05d52 100644
--- a/packages/loot-design/src/svg/Delete.mobile.js
+++ b/packages/loot-design/src/svg/Delete.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function Delete({ width, height, style, color = "black", ...props }) {
+function Delete({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/Delete.web.js b/packages/loot-design/src/svg/Delete.web.js
index 7af1dfb272db3d075b6b1a596bd5590c566c8ff9..8d52dc0b7a3c1fa23de3d714f9365b69b8920bfe 100644
--- a/packages/loot-design/src/svg/Delete.web.js
+++ b/packages/loot-design/src/svg/Delete.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function Delete({ width, height, style, color = "currentColor", ...props }) {
+function Delete({ width, height, style, color = 'currentColor', ...props }) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/DownArrow.mobile.js b/packages/loot-design/src/svg/DownArrow.mobile.js
index e0582cf0833a27046c2f4d1e84870114e82b267a..ba6c02d6ef15033c7f131a83893cd893506ac8b8 100644
--- a/packages/loot-design/src/svg/DownArrow.mobile.js
+++ b/packages/loot-design/src/svg/DownArrow.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function DownArrow({ width, height, style, color = "black", ...props }) {
+function DownArrow({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/DownArrow.web.js b/packages/loot-design/src/svg/DownArrow.web.js
index 3f6811f89c1f1da3f6132f1ef92d3cf353b28411..cc0c907f084627231c7c972e9b5d51203f356dc1 100644
--- a/packages/loot-design/src/svg/DownArrow.web.js
+++ b/packages/loot-design/src/svg/DownArrow.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function DownArrow({ width, height, style, color = "black", ...props }) {
+function DownArrow({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/DragIOS.mobile.js b/packages/loot-design/src/svg/DragIOS.mobile.js
index 252933f7d800c89d9de6cde326abcb9ad723caaf..7b614f31b3e830caa0c3b196e26e4cffc2f4f6ff 100644
--- a/packages/loot-design/src/svg/DragIOS.mobile.js
+++ b/packages/loot-design/src/svg/DragIOS.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function DragIos({ width, height, style, color = "black", ...props }) {
+function DragIos({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/DragIOS.web.js b/packages/loot-design/src/svg/DragIOS.web.js
index ca042b5dc05d94276ebb0e0d63c7f54ff4b9b746..61c25bf2a544c155596787496980e7a79ed34494 100644
--- a/packages/loot-design/src/svg/DragIOS.web.js
+++ b/packages/loot-design/src/svg/DragIOS.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function DragIos({ width, height, style, color = "black", ...props }) {
+function DragIos({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/ExpandArrow.mobile.js b/packages/loot-design/src/svg/ExpandArrow.mobile.js
index 5a5fceb0f6411b75cfcb46b93b50de03de6c14a9..aeb9fa4811764b85e20e2f60de4acfe2bbd609e5 100644
--- a/packages/loot-design/src/svg/ExpandArrow.mobile.js
+++ b/packages/loot-design/src/svg/ExpandArrow.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function ExpandArrow({ width, height, style, color = "black", ...props }) {
+function ExpandArrow({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/ExpandArrow.web.js b/packages/loot-design/src/svg/ExpandArrow.web.js
index 788505039e5a59bb8aa154fd3d22984d636448b8..85bcc370990d4a7fe357e4ee6466234cad5fd6dc 100644
--- a/packages/loot-design/src/svg/ExpandArrow.web.js
+++ b/packages/loot-design/src/svg/ExpandArrow.web.js
@@ -1,8 +1,14 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function ExpandArrow({ width, height, style, color = "currentColor", ...props }) {
+function ExpandArrow({
+ width,
+ height,
+ style,
+ color = 'currentColor',
+ ...props
+}) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/LeftArrow.mobile.js b/packages/loot-design/src/svg/LeftArrow.mobile.js
index 23a1244dd4149d942c8615774c9582e916ddac24..635ee0b4a14bc23bb5262da65ea30e3fcb009042 100644
--- a/packages/loot-design/src/svg/LeftArrow.mobile.js
+++ b/packages/loot-design/src/svg/LeftArrow.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function LeftArrow({ width, height, style, color = "black", ...props }) {
+function LeftArrow({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
@@ -35,7 +35,6 @@ function LeftArrow({ width, height, style, color = "black", ...props }) {
className="path"
fill="none"
stroke={color}
- className="path"
strokeWidth="4"
strokeLinecap="round"
strokeLinejoin="round"
diff --git a/packages/loot-design/src/svg/LeftArrow.web.js b/packages/loot-design/src/svg/LeftArrow.web.js
index eb50b6c78d3b99bdd10e6e33abeadc74fbcb6b08..de28071dbe44cd7ae066e5828b59db99f454d9ff 100644
--- a/packages/loot-design/src/svg/LeftArrow.web.js
+++ b/packages/loot-design/src/svg/LeftArrow.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function LeftArrow({ width, height, style, color = "black", ...props }) {
+function LeftArrow({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
@@ -17,7 +17,6 @@ function LeftArrow({ width, height, style, color = "black", ...props }) {
className="path"
fill="none"
stroke={color}
- className="path"
strokeWidth="4"
strokeLinecap="round"
strokeLinejoin="round"
diff --git a/packages/loot-design/src/svg/LeftArrow2.mobile.js b/packages/loot-design/src/svg/LeftArrow2.mobile.js
index 3b4d5c3c45993f4d902edb865e63d8603b6ea0e1..00dfb0828e307ef629e0e60c87b39c7bc4df95dd 100644
--- a/packages/loot-design/src/svg/LeftArrow2.mobile.js
+++ b/packages/loot-design/src/svg/LeftArrow2.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function LeftArrow2({ width, height, style, color = "black", ...props }) {
+function LeftArrow2({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/LeftArrow2.web.js b/packages/loot-design/src/svg/LeftArrow2.web.js
index b2b634af7f102877a8d53259f454b0f794f02879..7d56e5eadd3e6119ede19c36c7aef009a9779bfe 100644
--- a/packages/loot-design/src/svg/LeftArrow2.web.js
+++ b/packages/loot-design/src/svg/LeftArrow2.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function LeftArrow2({ width, height, style, color = "black", ...props }) {
+function LeftArrow2({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/LeftArrow3.mobile.js b/packages/loot-design/src/svg/LeftArrow3.mobile.js
index 7efb9828110c5fcf212eb6aa858af9352566b962..d3a39e6051bd0fd2fda4f26d07b2fdd54c6a895d 100644
--- a/packages/loot-design/src/svg/LeftArrow3.mobile.js
+++ b/packages/loot-design/src/svg/LeftArrow3.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function LeftArrow3({ width, height, style, color = "black", ...props }) {
+function LeftArrow3({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/LeftArrow3.web.js b/packages/loot-design/src/svg/LeftArrow3.web.js
index f56c5c0e9efbeccfff8272c1a4edb230f25483e7..0689982adff73565c7d8e2ba36b1a3dd0482edc7 100644
--- a/packages/loot-design/src/svg/LeftArrow3.web.js
+++ b/packages/loot-design/src/svg/LeftArrow3.web.js
@@ -1,10 +1,10 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
let x = <div />;
-function LeftArrow3({ width, height, style, color = "black", ...props }) {
+function LeftArrow3({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/Loading.mobile.js b/packages/loot-design/src/svg/Loading.mobile.js
index 07c28a4ff7e6f2ee5833b2c468e1fe927556a3f9..07cc283f883ae6640bb99ac6e355cbddeace3b2f 100644
--- a/packages/loot-design/src/svg/Loading.mobile.js
+++ b/packages/loot-design/src/svg/Loading.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function Loading({ width, height, style, color = "black", ...props }) {
+function Loading({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/Loading.web.js b/packages/loot-design/src/svg/Loading.web.js
index 8e816c2fb6a7c174de4fd0eabb746e69b6bae75d..82839aca4c501b58f86f46221e8334cd9af53e21 100644
--- a/packages/loot-design/src/svg/Loading.web.js
+++ b/packages/loot-design/src/svg/Loading.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function Loading({ width, height, style, color = "black", ...props }) {
+function Loading({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/Logo.mobile.js b/packages/loot-design/src/svg/Logo.mobile.js
index 1fafa5bbfccfa0d0359b4c762813386228526267..dc3ef849a8eeda76c6f27671ced1a3285ccbb286 100644
--- a/packages/loot-design/src/svg/Logo.mobile.js
+++ b/packages/loot-design/src/svg/Logo.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function Logo({ width, height, style, color = "black", ...props }) {
+function Logo({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/Logo.web.js b/packages/loot-design/src/svg/Logo.web.js
index 70a69e897f21f38d9d9577d3333e72ac01a3a9d7..e219de3a1b7e2f39a906a889daf4d663f84a1563 100644
--- a/packages/loot-design/src/svg/Logo.web.js
+++ b/packages/loot-design/src/svg/Logo.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function Logo({ width, height, style, color = "black", ...props }) {
+function Logo({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/Math.mobile.js b/packages/loot-design/src/svg/Math.mobile.js
index 1c93d2dfce0f1a07c860be228fb819ec271956e2..10153248956f4149a57b2c32c1588e83da222ff8 100644
--- a/packages/loot-design/src/svg/Math.mobile.js
+++ b/packages/loot-design/src/svg/Math.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function Math({ width, height, style, color = "black", ...props }) {
+function Math({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/Math.web.js b/packages/loot-design/src/svg/Math.web.js
index 64981d629df248e1a43025a8012ac4419a65a8f2..e61967e06e08409af599209793f99b60ba93e481 100644
--- a/packages/loot-design/src/svg/Math.web.js
+++ b/packages/loot-design/src/svg/Math.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function Math({ width, height, style, color = "black", ...props }) {
+function Math({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/Pencil.mobile.js b/packages/loot-design/src/svg/Pencil.mobile.js
index 11a9f8a4253106fa0d2c9f5563f85ae556d69944..e3075344bce7cb28ce3daf55bfccd9191a29ff45 100644
--- a/packages/loot-design/src/svg/Pencil.mobile.js
+++ b/packages/loot-design/src/svg/Pencil.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function Pencil({ width, height, style, color = "black", ...props }) {
+function Pencil({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
@@ -34,7 +34,6 @@ function Pencil({ width, height, style, color = "black", ...props }) {
<Path
className="path"
fill={color}
- className="path"
d="M14.396342,5.02634944 C13.7681487,4.39744238 12.7495316,4.39744238 12.1214275,5.02634944 L11.5527435,5.59565799 L3.59054275,13.5662454 L3.5925948,13.5682974 L3.34171004,13.8198959 C3.34171004,13.8198959 2.54159108,14.6257249 0.735078067,20.4577249 C0.722408922,20.4984981 0.709828996,20.5390037 0.697070632,20.5803123 C0.664862454,20.6847881 0.632297398,20.7909591 0.599464684,20.8985576 C0.570379182,20.9936654 0.540936803,21.0907361 0.511405204,21.1884312 C0.486513011,21.2707807 0.461799257,21.3522379 0.436550186,21.4363717 C0.379271375,21.6273011 0.32127881,21.8216208 0.262126394,22.0222751 C0.132312268,22.4627509 -0.184773234,23.4560297 0.173799257,23.8155836 C0.519078067,24.1619331 1.52279554,23.8572491 1.9620223,23.7269888 C2.16115985,23.6679257 2.35414126,23.6100223 2.54364312,23.5528327 C2.63116729,23.5264238 2.71601487,23.5005502 2.80157621,23.4744981 C2.89356134,23.4464833 2.98510037,23.4186468 3.0747658,23.3910781 C3.18798513,23.3562825 3.29959851,23.3219331 3.40933829,23.2878513 C3.44208178,23.2776803 3.47420074,23.2675985 3.50667658,23.2575167 C9.0554052,21.5297844 10.051539,20.7189591 10.1343346,20.6448178 C10.1349591,20.6443717 10.1349591,20.6443717 10.1354052,20.6439257 C10.1388848,20.6407138 10.1412937,20.6385725 10.1412937,20.6385725 L10.3981561,20.3810855 L10.4153755,20.3983048 L18.3777546,12.4277175 L18.3776654,12.4276283 L18.9463494,11.8583197 C19.5745428,11.2295019 19.5745428,10.2099033 18.9463494,9.58099628 L14.396342,5.02634944 Z M9.22518959,19.608803 C9.21823048,19.6135316 9.20877323,19.6196877 9.19878067,19.6260223 C9.19324907,19.6295911 9.18655762,19.6337844 9.17995539,19.6378885 C9.17326394,19.6420818 9.16594796,19.646632 9.15818587,19.6513606 C9.15131599,19.6555539 9.14417844,19.6598364 9.13650558,19.6644758 C8.87161338,19.8230186 8.09424535,20.2320892 6.20761338,20.9150632 C5.98715242,20.9948253 5.7470632,21.0794052 5.4955539,21.1665725 L2.81362082,18.4818736 C2.90105576,18.2284907 2.98572491,17.9866171 3.06575465,17.764461 C3.7472119,15.8698885 4.15592565,15.0902007 4.31357621,14.8256654 C4.31741264,14.8193309 4.32089219,14.8135316 4.32437175,14.8078216 C4.32990335,14.7987212 4.33507807,14.7902454 4.33989591,14.7824833 C4.34373234,14.7763271 4.34774721,14.7699033 4.35113755,14.7646394 C4.35747212,14.7547361 4.36362825,14.7452788 4.36835688,14.7382305 L4.56463941,14.5414126 L9.42575465,19.4076134 L9.22518959,19.608803 Z M23.496,5.02634944 L18.9460818,0.471702602 C18.3178885,-0.157115242 17.2994498,-0.157115242 16.6711673,0.471702602 L15.5337993,1.61040892 C14.9056059,2.23922677 14.9056059,3.25882528 15.5337993,3.88764312 L20.0836283,8.44228996 C20.7117323,9.07110781 21.7303494,9.07110781 22.3585428,8.44228996 L23.496,7.30367286 C24.1241933,6.6747658 24.1241933,5.65516729 23.496,5.02634944 Z"
/>
</Svg>
diff --git a/packages/loot-design/src/svg/Pencil.web.js b/packages/loot-design/src/svg/Pencil.web.js
index b3d23ce5bf31d2c78abf6155bd9b1e8fb161df98..1e820419c4ccc852cafba987e069504fdd87dfe9 100644
--- a/packages/loot-design/src/svg/Pencil.web.js
+++ b/packages/loot-design/src/svg/Pencil.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function Pencil({ width, height, style, color = "black", ...props }) {
+function Pencil({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
@@ -16,7 +16,6 @@ function Pencil({ width, height, style, color = "black", ...props }) {
<path
className="path"
fill={color}
- className="path"
d="M14.396342,5.02634944 C13.7681487,4.39744238 12.7495316,4.39744238 12.1214275,5.02634944 L11.5527435,5.59565799 L3.59054275,13.5662454 L3.5925948,13.5682974 L3.34171004,13.8198959 C3.34171004,13.8198959 2.54159108,14.6257249 0.735078067,20.4577249 C0.722408922,20.4984981 0.709828996,20.5390037 0.697070632,20.5803123 C0.664862454,20.6847881 0.632297398,20.7909591 0.599464684,20.8985576 C0.570379182,20.9936654 0.540936803,21.0907361 0.511405204,21.1884312 C0.486513011,21.2707807 0.461799257,21.3522379 0.436550186,21.4363717 C0.379271375,21.6273011 0.32127881,21.8216208 0.262126394,22.0222751 C0.132312268,22.4627509 -0.184773234,23.4560297 0.173799257,23.8155836 C0.519078067,24.1619331 1.52279554,23.8572491 1.9620223,23.7269888 C2.16115985,23.6679257 2.35414126,23.6100223 2.54364312,23.5528327 C2.63116729,23.5264238 2.71601487,23.5005502 2.80157621,23.4744981 C2.89356134,23.4464833 2.98510037,23.4186468 3.0747658,23.3910781 C3.18798513,23.3562825 3.29959851,23.3219331 3.40933829,23.2878513 C3.44208178,23.2776803 3.47420074,23.2675985 3.50667658,23.2575167 C9.0554052,21.5297844 10.051539,20.7189591 10.1343346,20.6448178 C10.1349591,20.6443717 10.1349591,20.6443717 10.1354052,20.6439257 C10.1388848,20.6407138 10.1412937,20.6385725 10.1412937,20.6385725 L10.3981561,20.3810855 L10.4153755,20.3983048 L18.3777546,12.4277175 L18.3776654,12.4276283 L18.9463494,11.8583197 C19.5745428,11.2295019 19.5745428,10.2099033 18.9463494,9.58099628 L14.396342,5.02634944 Z M9.22518959,19.608803 C9.21823048,19.6135316 9.20877323,19.6196877 9.19878067,19.6260223 C9.19324907,19.6295911 9.18655762,19.6337844 9.17995539,19.6378885 C9.17326394,19.6420818 9.16594796,19.646632 9.15818587,19.6513606 C9.15131599,19.6555539 9.14417844,19.6598364 9.13650558,19.6644758 C8.87161338,19.8230186 8.09424535,20.2320892 6.20761338,20.9150632 C5.98715242,20.9948253 5.7470632,21.0794052 5.4955539,21.1665725 L2.81362082,18.4818736 C2.90105576,18.2284907 2.98572491,17.9866171 3.06575465,17.764461 C3.7472119,15.8698885 4.15592565,15.0902007 4.31357621,14.8256654 C4.31741264,14.8193309 4.32089219,14.8135316 4.32437175,14.8078216 C4.32990335,14.7987212 4.33507807,14.7902454 4.33989591,14.7824833 C4.34373234,14.7763271 4.34774721,14.7699033 4.35113755,14.7646394 C4.35747212,14.7547361 4.36362825,14.7452788 4.36835688,14.7382305 L4.56463941,14.5414126 L9.42575465,19.4076134 L9.22518959,19.608803 Z M23.496,5.02634944 L18.9460818,0.471702602 C18.3178885,-0.157115242 17.2994498,-0.157115242 16.6711673,0.471702602 L15.5337993,1.61040892 C14.9056059,2.23922677 14.9056059,3.25882528 15.5337993,3.88764312 L20.0836283,8.44228996 C20.7117323,9.07110781 21.7303494,9.07110781 22.3585428,8.44228996 L23.496,7.30367286 C24.1241933,6.6747658 24.1241933,5.65516729 23.496,5.02634944 Z"
/>
</svg>
diff --git a/packages/loot-design/src/svg/Reports.mobile.js b/packages/loot-design/src/svg/Reports.mobile.js
index 073f8dc0873db3dd8bbf3b4b216e0ee9b71ca78f..2ab8844be2a7649e3dc9ca79e68c097e9bb0dd7b 100644
--- a/packages/loot-design/src/svg/Reports.mobile.js
+++ b/packages/loot-design/src/svg/Reports.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function Reports({ width, height, style, color = "black", ...props }) {
+function Reports({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/Reports.web.js b/packages/loot-design/src/svg/Reports.web.js
index 485e07786064fc1eb6a8f4ee45e1df6bce6471ea..4dcc52121e2bd2ae49a64faf226d46bf3d4d9e7d 100644
--- a/packages/loot-design/src/svg/Reports.web.js
+++ b/packages/loot-design/src/svg/Reports.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function Reports({ width, height, style, color = "black", ...props }) {
+function Reports({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/RightArrow.mobile.js b/packages/loot-design/src/svg/RightArrow.mobile.js
index 40d9057e1fa61d9767a649f2267ec5ddb09155a1..c6cc74642bb643dd9719510bbbb516f1f91cc7b2 100644
--- a/packages/loot-design/src/svg/RightArrow.mobile.js
+++ b/packages/loot-design/src/svg/RightArrow.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function RightArrow({ width, height, style, color = "black", ...props }) {
+function RightArrow({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
@@ -35,7 +35,6 @@ function RightArrow({ width, height, style, color = "black", ...props }) {
className="path"
fill="none"
stroke={color}
- className="path"
strokeWidth="4"
strokeLinecap="round"
strokeLinejoin="round"
diff --git a/packages/loot-design/src/svg/RightArrow.web.js b/packages/loot-design/src/svg/RightArrow.web.js
index 298fd0017feaa1ac8791d0ac20880e6179e35536..2b1c7d16f73d8814481b7d78abf79c637222a88f 100644
--- a/packages/loot-design/src/svg/RightArrow.web.js
+++ b/packages/loot-design/src/svg/RightArrow.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function RightArrow({ width, height, style, color = "black", ...props }) {
+function RightArrow({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
@@ -17,7 +17,6 @@ function RightArrow({ width, height, style, color = "black", ...props }) {
className="path"
fill="none"
stroke={color}
- className="path"
strokeWidth="4"
strokeLinecap="round"
strokeLinejoin="round"
diff --git a/packages/loot-design/src/svg/RightArrow2.mobile.js b/packages/loot-design/src/svg/RightArrow2.mobile.js
index 749b1594e7a47adb03e2b8a4802e0a63cecc8264..6124f018f6df5cb2fd094a9bba73a1a465c9fbf5 100644
--- a/packages/loot-design/src/svg/RightArrow2.mobile.js
+++ b/packages/loot-design/src/svg/RightArrow2.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function RightArrow2({ width, height, style, color = "black", ...props }) {
+function RightArrow2({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/RightArrow2.web.js b/packages/loot-design/src/svg/RightArrow2.web.js
index d25939f0089b58b0add4fc817ea314c03ed20720..40ce7ae8cc34494856f5c42ea6b18176be7c40b9 100644
--- a/packages/loot-design/src/svg/RightArrow2.web.js
+++ b/packages/loot-design/src/svg/RightArrow2.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function RightArrow2({ width, height, style, color = "black", ...props }) {
+function RightArrow2({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/Search.mobile.js b/packages/loot-design/src/svg/Search.mobile.js
index 9a98990426a2a45ae55a2a9c5b62931046e28166..cbbb8b9c40b393f36958e8c69134fb59723b23ff 100644
--- a/packages/loot-design/src/svg/Search.mobile.js
+++ b/packages/loot-design/src/svg/Search.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function Search({ width, height, style, color = "black", ...props }) {
+function Search({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/Search.web.js b/packages/loot-design/src/svg/Search.web.js
index 06f4cd3fec55241948632d5afa087d4900f58d6e..8e05af74d061c2693119e9b160bdb9c5d22b5122 100644
--- a/packages/loot-design/src/svg/Search.web.js
+++ b/packages/loot-design/src/svg/Search.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function Search({ width, height, style, color = "black", ...props }) {
+function Search({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/Settings.mobile.js b/packages/loot-design/src/svg/Settings.mobile.js
index ea9ab10ee32493f372da18db005459949430a6da..fc714ba977cb82318630380ad9008c4a56e7a274 100644
--- a/packages/loot-design/src/svg/Settings.mobile.js
+++ b/packages/loot-design/src/svg/Settings.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function Settings({ width, height, style, color = "black", ...props }) {
+function Settings({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/Settings.web.js b/packages/loot-design/src/svg/Settings.web.js
index 5d30e13cc36a06b5d5766230d43a2d21755c5097..b5be76b76fc4ba41f335b299e18fd728e7164fbf 100644
--- a/packages/loot-design/src/svg/Settings.web.js
+++ b/packages/loot-design/src/svg/Settings.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function Settings({ width, height, style, color = "black", ...props }) {
+function Settings({ width, height, style, color = 'black', ...props }) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/Subtract.mobile.js b/packages/loot-design/src/svg/Subtract.mobile.js
index 318abe18042ff504faf1a8fb9577c1bfe52b2231..8aa0ed40fcc2acae2494aa3dbc936f3f0a958373 100644
--- a/packages/loot-design/src/svg/Subtract.mobile.js
+++ b/packages/loot-design/src/svg/Subtract.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function Add({ width, height, style, color = "black", ...props }) {
+function Add({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/Subtract.web.js b/packages/loot-design/src/svg/Subtract.web.js
index 836a6d8d25f2d63817e64678d6dcf1ce38e4aadb..7245f1b58555d5e6a7ec7ebeedd2b495357ff091 100644
--- a/packages/loot-design/src/svg/Subtract.web.js
+++ b/packages/loot-design/src/svg/Subtract.web.js
@@ -16,7 +16,6 @@ function Subtract({ width, height, style, color = 'black', ...props }) {
<path
fill={color}
className="path"
- className="path"
d="M23,11.5 L23,11.5 L23,11.5 C23,12.3284271 22.3284271,13 21.5,13 L1.5,13 L1.5,13 C0.671572875,13 1.01453063e-16,12.3284271 0,11.5 L0,11.5 L0,11.5 C-1.01453063e-16,10.6715729 0.671572875,10 1.5,10 L21.5,10 L21.5,10 C22.3284271,10 23,10.6715729 23,11.5 Z"
/>
</svg>
diff --git a/packages/loot-design/src/svg/logo/Logo.ios.js b/packages/loot-design/src/svg/logo/Logo.ios.js
index ec43b37a0942e98939796a6709376055c816d835..cd74b3a379064a091413ccda3d21562a6592b034 100644
--- a/packages/loot-design/src/svg/logo/Logo.ios.js
+++ b/packages/loot-design/src/svg/logo/Logo.ios.js
@@ -1,5 +1,5 @@
-import React from "react";
-import Svg, { Path } from "react-native-svg";
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
const SvgLogo = props => (
<Svg
@@ -8,7 +8,7 @@ const SvgLogo = props => (
height={32}
fill="none"
style={{
- color: "#242134",
+ color: '#242134',
...props.style
}}
>
diff --git a/packages/loot-design/src/svg/merge.mobile.js b/packages/loot-design/src/svg/merge.mobile.js
index 0a22c2eb8f1b50799ce35a23093680b4a94d7183..ca01b67e7e3e4eb06c3f801a8f38a52411248566 100644
--- a/packages/loot-design/src/svg/merge.mobile.js
+++ b/packages/loot-design/src/svg/merge.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function Merge({ width, height, style, color = "black", ...props }) {
+function Merge({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/merge.web.js b/packages/loot-design/src/svg/merge.web.js
index 37187eee3adb3af3ba447be5b8c6b94888cb84fc..111e516f5f98ddcd13d075c9e7e20764ddd1a242 100644
--- a/packages/loot-design/src/svg/merge.web.js
+++ b/packages/loot-design/src/svg/merge.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function Merge({ width, height, style, color = "currentColor", ...props }) {
+function Merge({ width, height, style, color = 'currentColor', ...props }) {
return (
<svg
width={width}
diff --git a/packages/loot-design/src/svg/split.mobile.js b/packages/loot-design/src/svg/split.mobile.js
index cea507fc1eeec5a74f07a141e84399ca49e3a931..f73ccc62faa9ba7c9bd85bbfb924cbd8c951615f 100644
--- a/packages/loot-design/src/svg/split.mobile.js
+++ b/packages/loot-design/src/svg/split.mobile.js
@@ -1,5 +1,5 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
+import React from 'react';
import {
Svg,
@@ -18,9 +18,9 @@ import {
Use,
Defs,
Stop
-} from "mobile/node_modules/react-native-svg";
+} from 'mobile/node_modules/react-native-svg';
-function Split({ width, height, style, color = "black", ...props }) {
+function Split({ width, height, style, color = 'black', ...props }) {
return (
<Svg
width={width}
diff --git a/packages/loot-design/src/svg/split.web.js b/packages/loot-design/src/svg/split.web.js
index 6145c27f3c827c5b6bcb21766703f74528aa2b87..93edbfe508c53b85da2abf5316e24aeebd834b8c 100644
--- a/packages/loot-design/src/svg/split.web.js
+++ b/packages/loot-design/src/svg/split.web.js
@@ -1,8 +1,8 @@
/* This file is auto-generated, do not touch! Please edit the SVG file instead. */
-import React from "react";
-import { css } from "glamor";
+import React from 'react';
+import { css } from 'glamor';
-function Split({ width, height, style, color = "currentColor", ...props }) {
+function Split({ width, height, style, color = 'currentColor', ...props }) {
return (
<svg
width={width}
diff --git a/yarn.lock b/yarn.lock
index 5a65aa22e582a6f569d15fe2d5704a61e46d8ea5..3bb85add752c5d2f93a0b2fa948d74d24acca0ad 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -14622,6 +14622,8 @@ jest-snapshot@test:
chroma-js: ^1.3.3
date-fns: 2.0.0-alpha.27
downshift: 1.31.16
+ eslint: 5.6.0
+ eslint-plugin-prettier: ^3.1.4
fast-glob: ^2.2.2
formik: ^0.11.10
glamor: ^2.20.40