lint fixes

src/gatsby-plugin-theme-ui/components.js

@@ -120,7 +120,7 @@ const Custom_Components = {
   Heading5,
   Subtitle,
   Stats,
-  LearnTable
+  LearnTable,
 }
 
 const overridesAndComponents = {

src/modules/LearnTable/index.js

@@ -1 +1 @@
-export {default as LearnTable} from "./learn-table";
+export { default as LearnTable } from './learn-table'

src/modules/LearnTable/learn-table.js

@@ -1,95 +1,95 @@
 import React from 'react'
 import { Flex, Text, Image, Grid, Button } from 'theme-ui'
 
-import DataTable from 'react-data-table-component';
-import { fontWeights } from '@makerdao/dai-ui-theme-maker';
+import DataTable from 'react-data-table-component'
+import { fontWeights } from '@makerdao/dai-ui-theme-maker'
 
 //  Internally, customStyles will deep merges your customStyles with the default styling.
 const customStyles = {
-	rows: {
-		style: {
-			minHeight: '62px', // override the row height
-		},
-	},
-	headCells: {
-		style: {
-			paddingLeft: '8px', // override the cell padding for head cells
-			paddingRight: '8px',
+  rows: {
+    style: {
+      minHeight: '62px', // override the row height
+    },
+  },
+  headCells: {
+    style: {
+      paddingLeft: '8px', // override the cell padding for head cells
+      paddingRight: '8px',
       fontWeight: 600,
-		},
-	},
-	cells: {
-		style: {
-			paddingLeft: '8px', // override the cell padding for data cells
-			paddingRight: '8px',
-		},
-	},
-};
+    },
+  },
+  cells: {
+    style: {
+      paddingLeft: '8px', // override the cell padding for data cells
+      paddingRight: '8px',
+    },
+  },
+}
 
 const columns = [
-	{
-		name: 'Theme',
-		selector: row => row.theme,
-	},
-	{
-		name: 'Personal Inquiry',
-		selector: row => row.personal,
-	},
+  {
+    name: 'Theme',
+    selector: (row) => row.theme,
+  },
+  {
+    name: 'Personal Inquiry',
+    selector: (row) => row.personal,
+  },
   {
     name: 'Web3 Enquiry',
-    selector: row => row.web3
-  }
-];
+    selector: (row) => row.web3,
+  },
+]
 
 const data = [
   {
-		id: 1,
-		theme: 'Introduction to Kernel',
-		personal: 'The Play of Pattern',
-    web3: 'Trust'
-	},
-	{
-		id: 2,
-		theme: 'Ethereum\'s History and State',
-		personal: 'Meaning',
-    web3: 'Value'
-	},
+    id: 1,
+    theme: 'Introduction to Kernel',
+    personal: 'The Play of Pattern',
+    web3: 'Trust',
+  },
+  {
+    id: 2,
+    theme: "Ethereum's History and State",
+    personal: 'Meaning',
+    web3: 'Value',
+  },
   {
-		id: 2,
-		theme: 'A Global Financial System',
-		personal: 'Better Questions',
-    web3: 'Money and Speech'
-	},
+    id: 2,
+    theme: 'A Global Financial System',
+    personal: 'Better Questions',
+    web3: 'Money and Speech',
+  },
   {
-		id: 2,
-		theme: 'Take Back The Web',
-		personal: 'Intention',
-    web3: 'Freedom'
-	},
+    id: 2,
+    theme: 'Take Back The Web',
+    personal: 'Intention',
+    web3: 'Freedom',
+  },
   {
-		id: 2,
-		theme: 'Internet Age Institutions',
-		personal: 'Govern Yourself',
-    web3: 'Liberally Radical'
-	},
+    id: 2,
+    theme: 'Internet Age Institutions',
+    personal: 'Govern Yourself',
+    web3: 'Liberally Radical',
+  },
   {
-		id: 2,
-		theme: 'Tokens and Mechanism Design',
-		personal: 'Listening and Stories',
-    web3: 'Incentives'
-	},
+    id: 2,
+    theme: 'Tokens and Mechanism Design',
+    personal: 'Listening and Stories',
+    web3: 'Incentives',
+  },
   {
-		id: 2,
-		theme: 'Scaling Principled Games',
-		personal: 'Learn How To Learn',
-    web3: 'Censorship Resistance'
-	},
+    id: 2,
+    theme: 'Scaling Principled Games',
+    personal: 'Learn How To Learn',
+    web3: 'Censorship Resistance',
+  },
   {
-		id: 2,
-		theme: ' The Gift',
-		personal: 'Giving',
-    web3: 'Scale-ability'
-	},
+    id: 2,
+    theme: ' The Gift',
+    personal: 'Giving',
+    web3: 'Scale-ability',
+  },
 ]
 
 const LearnTable = () => {
@@ -112,4 +112,4 @@ const LearnTable = () => {
   )
 }
 
-export default LearnTable;
+export default LearnTable

src/modules/stats/Stats.js

@@ -1,12 +1,8 @@
 import React from 'react'
 import { Flex, Grid } from 'theme-ui'
 
-const BigNumber = ({children}) => {
-  return (
-    <div style={{fontSize: '54px'}}>
-      {children}
-    </div>
-  )
+const BigNumber = ({ children }) => {
+  return <div style={{ fontSize: '54px' }}>{children}</div>
 }
 
 const Stats = () => {
@@ -32,44 +28,28 @@ const Stats = () => {
             gridAutoFlow: 'column',
             scrollBehavior: 'smooth',
             scrollbarWidth: 'none',
-            width: '100%'
+            width: '100%',
           }}>
-            <div>
-              <BigNumber>
-                2057
-              </BigNumber>
-              <div>
-                Kernel Fellows
-              </div>
-            </div>
-            <div>
-              <BigNumber>
-                92
-              </BigNumber>
-              <div>
-                countries
-              </div>
-            </div>
-            <div>
-              <BigNumber>
-                200+
-              </BigNumber>
-              <div>
-                active projects
-              </div>
-            </div>
-            <div>
-              <BigNumber>
-                $100MM
-              </BigNumber>
-              <div>
-                Raised by Kernel Fellows
-              </div>
-            </div>
+          <div>
+            <BigNumber>2057</BigNumber>
+            <div>Kernel Fellows</div>
+          </div>
+          <div>
+            <BigNumber>92</BigNumber>
+            <div>countries</div>
+          </div>
+          <div>
+            <BigNumber>200+</BigNumber>
+            <div>active projects</div>
+          </div>
+          <div>
+            <BigNumber>$100MM</BigNumber>
+            <div>Raised by Kernel Fellows</div>
+          </div>
         </Grid>
       </Flex>
     </Flex>
   )
 }
 
-export default Stats;
+export default Stats