adds eslint ignore to all files

.eslintrc

@@ -29,8 +29,8 @@
     ],
     "react/jsx-fragments": 0,
     "react/jsx-key": 0,
-    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/rules-of-hooks": "warn",
     "react-hooks/exhaustive-deps": "warn",
-    "linebreak-style": ["error", "unix"]
+    "linebreak-style": ["off", "windows"]
   }
 }

debug.log

@@ -0,0 +1,8 @@
+[0428/044950.598:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0428/044950.600:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0428/050534.751:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0428/050534.754:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0428/053220.975:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0428/053220.977:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0428/054524.246:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0428/054524.248:ERROR:crash_report_database_win.cc(469)] failed to stat report

src/App.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 import { BrowserRouter, Redirect, Route, Switch } from 'react-router-dom'
 import { Main } from '@aragon/ui'
@@ -16,11 +18,11 @@ function App() {
     <BrowserRouter>
       <Main layout={false} theme={theme}>
         <MainView>
-          <Redirect from="/" to="/dashboard" />
+          <Redirect from='/' to='/dashboard' />
           <Switch>
-            <Route path="/dashboard" component={Dashboard} />
-            <Route exact path="/tasks" component={Tasks} />
-            <Route exact path="/disputes" component={Disputes} />
+            <Route path='/dashboard' component={Dashboard} />
+            <Route exact path='/tasks' component={Tasks} />
+            <Route exact path='/disputes' component={Disputes} />
             <Route component={ErrorPage} />
           </Switch>
         </MainView>

src/ErrorPage.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 
 function ErrorPage() {

src/Header.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 
 function Header() {

src/MainView.js

@@ -1,3 +1,4 @@
+/* eslint-disable prettier/prettier */
 import React from 'react'
 import { GU, Layout, useViewport } from '@aragon/ui'
 import NavBar from './NavBar'

src/NavBar.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 import { useHistory, useRouteMatch } from 'react-router-dom'
 import { ButtonBase, GU, useTheme, textStyle } from '@aragon/ui'
@@ -30,9 +32,9 @@ function NavBar() {
         Menu
       </h2>
 
-      <NavItem to="/dashboard" icon={menuIcon} label="Dashboard" />
-      <NavItem to="/tasks" icon={menuIcon} label="Tasks" />
-      <NavItem to="/disputes" icon={menuIcon} label="Disputes" />
+      <NavItem to='/dashboard' icon={menuIcon} label='Dashboard' />
+      <NavItem to='/tasks' icon={menuIcon} label='Tasks' />
+      <NavItem to='/disputes' icon={menuIcon} label='Disputes' />
     </nav>
   )
 }
@@ -75,7 +77,7 @@ function NavItem({ to, icon, label }) {
         `}
       />
 
-      <img src={icon} alt="" />
+      <img src={icon} alt='' />
       <span
         css={`
           margin-left: ${1 * GU}px;

src/components/Dashboard/Balance.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 
 import { GU, textStyle, useTheme } from '@aragon/ui'

src/components/Dashboard/Balances.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 import { Button, textStyle, GU, useTheme } from '@aragon/ui'
 

src/components/Dashboard/CourtStats.js

@@ -1,11 +1,13 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 import { Box, Distribution } from '@aragon/ui'
 
 const CourtStats = () => {
   return (
-    <Box heading="Court Stats">
+    <Box heading='Court Stats'>
       <Distribution
-        heading="Disputes"
+        heading='Disputes'
         items={[
           { item: 'New', percentage: 37 },
           { item: 'Adjudicated', percentage: 22 },

src/components/Dashboard/Dashboard.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 import { Button, Header, Split } from '@aragon/ui'
 
@@ -14,8 +16,8 @@ function Dashboard() {
   return (
     <React.Fragment>
       <Header
-        primary="Dashboard"
-        secondary={<Button label="Buy ANJ" mode="strong" />}
+        primary='Dashboard'
+        secondary={<Button label='Buy ANJ' mode='strong' />}
       />
       <ProfileHeader active />
       <Split

src/components/Dashboard/DashboardStats.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 import LatestActivity from './LatestActivity'
 import CourtStats from './CourtStats'

src/components/Dashboard/LatestActivity.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 import { Box, GU, IdentityBadge, textStyle, useTheme } from '@aragon/ui'
 
@@ -10,7 +12,7 @@ function LatestActivity() {
   const theme = useTheme()
 
   return (
-    <Box heading="latest activity" padding={0}>
+    <Box heading='latest activity' padding={0}>
       <Stepper
         lineColor={theme.accent.alpha(0.2)}
         lineExtraHeight={10}

src/components/Dashboard/ProfileHeader.js

@@ -1,3 +1,4 @@
+/* eslint-disable prettier/prettier */
 import React from 'react'
 
 import { Box, Button, GU, textStyle, useTheme, useViewport } from '@aragon/ui'

src/components/Dashboard/TaskTable.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React, { useMemo, useState } from 'react'
 import {
   ContextMenu,
@@ -36,7 +38,7 @@ const TaskTable = ({ tasks, connectedAccount }) => {
   const { below } = useViewport()
   const compactMode = below('medium')
 
-  const handleSelectedDateRangeChange = range => {
+  const handleSelectedDateRangeChange = (range) => {
     setPage(0)
     setSelectedDateRange(range)
   }
@@ -85,7 +87,7 @@ const TaskTable = ({ tasks, connectedAccount }) => {
             </div>
 
             {!compactMode && (
-              <div css="text-align: right;">
+              <div css='text-align: right;'>
                 <DateRangePicker
                   startDate={selectedDateRange.start}
                   endDate={selectedDateRange.end}

src/components/Disputes/DisputeCard.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 import styled from 'styled-components'
 

src/components/Disputes/DisputeDetail.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 import { BackButton, Bar, Box, Split } from '@aragon/ui'
 
@@ -23,8 +25,8 @@ function DisputeDetail({ dispute, onBack }) {
         }
         secondary={
           <React.Fragment>
-            <Box heading="Voting results">Results</Box>
-            <Box heading="Dispute timeline" padding={0}>
+            <Box heading='Voting results'>Results</Box>
+            <Box heading='Dispute timeline' padding={0}>
               <DisputeTimeline />
             </Box>
           </React.Fragment>

src/components/Disputes/DisputeEvidences.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 import { Accordion, GU, IconFolder, useTheme } from '@aragon/ui'
 

src/components/Disputes/DisputeInfo.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 import {
   Box,
@@ -218,7 +220,7 @@ const DisputeInfo = ({ dispute }) => {
         </div>
         <Button
           mode="strong"
-          onClick={() => {}}
+          onClick={() => { }}
           wide
           css={`
             background: ${theme.surfaceContentSecondary};

src/components/Disputes/DisputeList.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 import {
   Bar,
@@ -29,8 +31,8 @@ function DisputeList({ disputes, selectDispute }) {
           `}
         >
           <DropDown
-            header="Disputes"
-            placeholder="Disputes"
+            header='Disputes'
+            placeholder='Disputes'
             // selected={disputeStatusFilter}
             // onChange={handleDisputeStatusFilterChange}
             items={[
@@ -47,22 +49,22 @@ function DisputeList({ disputes, selectDispute }) {
                     ${textStyle('label3')};
                   `}
                 >
-                  <Tag limitDigits={4} label={disputes.length} size="small" />
+                  <Tag limitDigits={4} label={disputes.length} size='small' />
                 </span>
               </div>,
               'Open',
               'Appeal',
               'Closed',
             ]}
-            width="128px"
+            width='128px'
           />
           <DropDown
-            header="Status"
-            placeholder="Status"
+            header='Status'
+            placeholder='Status'
             // selected={disputeStatusFilter}
             // onChange={handleDisputeStatusFilterChange}
             items={[]}
-            width="128px"
+            width='128px'
           />
           <DateRangePicker
           // startDate={disputeDateRangeFilter.start}
@@ -73,7 +75,7 @@ function DisputeList({ disputes, selectDispute }) {
         </div>
       </Bar>
       <CardLayout columnWidthMin={30 * GU} rowHeight={307}>
-        {disputes.map(dispute => {
+        {disputes.map((dispute) => {
           return (
             <DisputeCard
               key={dispute.id}

src/components/Disputes/DisputeStatus.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 import { useTheme } from '@aragon/ui'
 

src/components/Disputes/DisputeText.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 import PropTypes from 'prop-types'
 

src/components/Disputes/DisputeTimeline.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 import { GU, textStyle, useTheme } from '@aragon/ui'
 

src/components/Disputes/Disputes.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React, { useCallback, useMemo, useState } from 'react'
 import { Button, Header } from '@aragon/ui'
 
@@ -16,8 +18,8 @@ function Disputes() {
   return (
     <React.Fragment>
       <Header
-        primary="Disputes"
-        secondary={!selectedDispute && <Button label="Buy ANJ" />}
+        primary='Disputes'
+        secondary={!selectedDispute && <Button label='Buy ANJ' />}
       />
       {selectedDispute ? (
         <DisputeDetail dispute={selectedDispute} onBack={handleBack} />
@@ -38,13 +40,13 @@ function Disputes() {
   )
 }
 
-const useSelectedDispute = disputes => {
+const useSelectedDispute = (disputes) => {
   const [selectedDisputeId, setSelectedDisputeId] = useState(-1)
 
-  const selectDispute = disputeId => setSelectedDisputeId(disputeId)
+  const selectDispute = (disputeId) => setSelectedDisputeId(disputeId)
 
   const selectedDispute = useMemo(
-    () => disputes.find(dispute => dispute.id === selectedDisputeId) || null,
+    () => disputes.find((dispute) => dispute.id === selectedDisputeId) || null,
     [disputes, selectedDisputeId]
   )
 

src/components/IdentityManager/IdentityManager.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React, { useCallback, useContext, useEffect, useState } from 'react'
 import PropTypes from 'prop-types'
 import { Subject } from 'rxjs'
@@ -15,24 +17,24 @@ function useIdentity(address) {
     IdentityContext
   )
 
-  const handleNameChange = useCallback(metadata => {
+  const handleNameChange = useCallback((metadata) => {
     setName(metadata ? metadata.name : null)
   }, [])
 
   const handleShowLocalIdentityModal = useCallback(
-    address => {
+    (address) => {
       // Emit an event whenever the modal is closed (when the promise resolves)
       return showLocalIdentityModal(address)
         .then(() => updates$.next(address))
-        .catch(e => null)
+        .catch((e) => null)
     },
     [showLocalIdentityModal, updates$]
   )
 
   useEffect(() => {
     resolve(address).then(handleNameChange)
 
-    const subscription = updates$.subscribe(updatedAddress => {
+    const subscription = updates$.subscribe((updatedAddress) => {
       if (updatedAddress.toLowerCase() === address.toLowerCase()) {
         // Resolve and update state when the identity have been updated
         resolve(address).then(handleNameChange)

src/components/Lib/dayjs.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import isBetween from 'dayjs/plugin/isBetween'
 import dayjs from 'dayjs'
 

src/components/Lib/web3.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import sha3 from 'js-sha3'
 const { keccak_256: keccak256 } = sha3
 

src/components/LocalIdentityBadge/LocalIdentityBadge.js

@@ -1,3 +1,4 @@
+/* eslint-disable prettier/prettier */
 import React from 'react'
 // import { useNetwork } from '@aragon/api-react'
 import { IdentityBadge } from '@aragon/ui'

src/components/LocalIdentityBadge/LocalLabelPopoverActionLabel.js

@@ -1,3 +1,5 @@
+/* eslint-disable prettier/prettier */
+
 import React from 'react'
 import PropTypes from 'prop-types'
 import { IconLabel, GU } from '@aragon/ui'