lint fix PR

.eslintrc.json

@@ -11,7 +11,14 @@
 		"airbnb",
 		"next"
 	],
+	"ignorePatterns": [
+		"**/*.ts",
+		"**/*.tsx"
+	],
 	"rules": {
+		"react-hooks/exhaustive-deps": "off",
+		"jsx-a11y/no-static-element-interactions": "off",
+		"no-tabs": 0,
 		"@next/next/no-html-link-for-pages": "off",
 		"@next/next/no-img-element": "off",
 		"react/react-in-jsx-scope": "off",
@@ -95,7 +102,10 @@
 			"all"
 		],
 		"template-curly-spacing": "off",
-		"indent": "off"
+		"indent": [
+			"error",
+			2
+		]
 	},
 	"env": {
 		"browser": true,
@@ -146,9 +156,7 @@
 				"node": {
 					"extensions": [
 						".js",
-						".jsx",
-						".ts",
-						".tsx"
+						".jsx"
 					]
 				}
 			}

.vscode/settings.json

@@ -1,34 +1,34 @@
 {
-	"[javascript]": {
-		"editor.formatOnSave": false
-	},
-	"editor.rulers": [
-		100
-	],
-	"editor.fontLigatures": true,
-	"prettier.tabWidth": 4,
-	"eslint.alwaysShowStatus": true,
-	"prettier.disableLanguages": [
-		"js"
-	],
-	"prettier.useTabs": true,
-	"editor.formatOnSave": true,
-	"editor.multiCursorModifier": "alt",
-	"editor.renderWhitespace": "none",
-	"editor.renderControlCharacters": true,
-	"prettier.arrowParens": "always",
-	"prettier.jsxBracketSameLine": true,
-	"prettier.jsxSingleQuote": true,
-	"prettier.singleQuote": true,
-	"prettier.trailingComma": "all",
-	"javascript.implicitProjectConfig.experimentalDecorators": true,
-	"javascript.updateImportsOnFileMove.enabled": "always",
-	"explorer.confirmDelete": false,
-	"eslint.codeAction.disableRuleComment": {},
-	"eslint.codeAction.showDocumentation": {},
-	"editor.codeActionsOnSave": {
-		"source.fixAll.eslint": "explicit"
-	},
-	"eslint.workingDirectories": [],
-	"editor.tabSize": 2
+    "[javascript]": {
+        "editor.formatOnSave": false
+    },
+    "editor.rulers": [
+        100
+    ],
+    "editor.fontLigatures": true,
+    "prettier.tabWidth": 4,
+    "eslint.alwaysShowStatus": true,
+    "prettier.disableLanguages": [
+        "js"
+    ],
+    "editor.formatOnSave": true,
+    "editor.multiCursorModifier": "alt",
+    "editor.renderWhitespace": "none",
+    "editor.renderControlCharacters": true,
+    "prettier.arrowParens": "always",
+    "prettier.jsxBracketSameLine": true,
+    "prettier.jsxSingleQuote": true,
+    "prettier.singleQuote": true,
+    "prettier.trailingComma": "all",
+    "javascript.implicitProjectConfig.experimentalDecorators": true,
+    "javascript.updateImportsOnFileMove.enabled": "always",
+    "explorer.confirmDelete": false,
+    "eslint.codeAction.disableRuleComment": {},
+    "eslint.codeAction.showDocumentation": {},
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": "never"
+    },
+    "eslint.workingDirectories": [],
+    "editor.tabSize": 2,
+    "editor.insertSpaces": true,
 }

docs/AutographaRefactDraft1.md

@@ -91,7 +91,7 @@ are moved from navbar to translation folder
 
     Sync
         Paratext
-    	Sign-in form splited from settings component to sync
+      Sign-in form splited from settings component to sync
         helpers functionalities eg: paratextAdapter moved from helper folder to sync
         Ahref component helps to handle external links
 

playwright.config.ts

@@ -7,16 +7,16 @@ const config: PlaywrightTestConfig = {
 	globalTimeout: 60 * 60 * 1000,
 	// Run all tests in parallel.
 	fullyParallel: false,
-	retries: 3,	
+	retries: 3,
 	use: {
 		// trace: 'on-first-retry', // record traces on first retry of each test
-		 
+
 		// Run browser in headless mode.
 		// headless: false,
-	  },
+	},
 	expect: {
 		timeout: 60 * 1000,
-	},  
+	},
 };
 
 export default config;

renderer/jsconfig.json

@@ -35,6 +35,8 @@
   },
   "exclude": [
     "node_modules",
-    "dist"
+    "dist",
+    "**/*.ts",
+    "**/*.tsx"
   ]
 }

renderer/pages/loader.css

@@ -1,83 +1,83 @@
 #app {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	height: 100%;
-	position: fixed;
-	width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  position: fixed;
+  width: 100%;
 }
 #loader-wrapper {
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	z-index: 1000;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1000;
 }
 #loader {
-	display: block;
-	position: relative;
-	left: 50%;
-	top: 50%;
-	width: 150px;
-	height: 150px;
-	margin: -75px 0 0 -75px;
-	border-radius: 50%;
-	border: 3px solid transparent;
-	border-top-color: #3498db;
-	-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
-	animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
+  display: block;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  width: 150px;
+  height: 150px;
+  margin: -75px 0 0 -75px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #3498db;
+  -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+  animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
 }
 
 #loader:before {
-	content: '';
-	position: absolute;
-	top: 5px;
-	left: 5px;
-	right: 5px;
-	bottom: 5px;
-	border-radius: 50%;
-	border: 3px solid transparent;
-	border-top-color: #e74c3c;
-	-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
-	animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
+  content: '';
+  position: absolute;
+  top: 5px;
+  left: 5px;
+  right: 5px;
+  bottom: 5px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #e74c3c;
+  -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+  animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
 }
 
 #loader:after {
-	content: '';
-	position: absolute;
-	top: 15px;
-	left: 15px;
-	right: 15px;
-	bottom: 15px;
-	border-radius: 50%;
-	border: 3px solid transparent;
-	border-top-color: #f9c922;
-	-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
-	animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
+  content: '';
+  position: absolute;
+  top: 15px;
+  left: 15px;
+  right: 15px;
+  bottom: 15px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #f9c922;
+  -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+  animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
 }
 
 @-webkit-keyframes spin {
-	0% {
-		-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
-		-ms-transform: rotate(0deg); /* IE 9 */
-		transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
-	}
-	100% {
-		-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
-		-ms-transform: rotate(360deg); /* IE 9 */
-		transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
-	}
+  0% {
+    -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
+    -ms-transform: rotate(0deg); /* IE 9 */
+    transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
+  }
+  100% {
+    -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
+    -ms-transform: rotate(360deg); /* IE 9 */
+    transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
+  }
 }
 @keyframes spin {
-	0% {
-		-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
-		-ms-transform: rotate(0deg); /* IE 9 */
-		transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
-	}
-	100% {
-		-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
-		-ms-transform: rotate(360deg); /* IE 9 */
-		transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
-	}
+  0% {
+    -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
+    -ms-transform: rotate(0deg); /* IE 9 */
+    transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
+  }
+  100% {
+    -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
+    -ms-transform: rotate(360deg); /* IE 9 */
+    transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
+  }
 }

renderer/public/static/nprogress.css

@@ -67,15 +67,18 @@
 	0% {
 		-webkit-transform: rotate(0deg);
 	}
+
 	100% {
 		-webkit-transform: rotate(360deg);
 	}
 }
+
 @keyframes nprogress-spinner {
 	0% {
 		transform: rotate(0deg);
 	}
+
 	100% {
 		transform: rotate(360deg);
 	}
-}
+}