eslint fixes

.eslintrc.json

@@ -1,61 +1,69 @@
 {
-    "env": {
-      "browser": true,
-      "es2021": true
-    },
-    "extends": [
-      "eslint:recommended",
-      "airbnb",
-      "plugin:import/errors",
-      "plugin:react/recommended",
-      "plugin:jsx-a11y/recommended",
-      "next/core-web-vitals",
-      "prettier"
-    ],
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-      "ecmaFeatures": {
-        "jsx": true
-      },
-      "ecmaVersion": "latest",
-      "sourceType": "module"
-    },
-    "plugins": ["react", "@typescript-eslint"],
-    "rules": {
-      "react/jsx-filename-extension": [
-        "error",
-        { "extensions": [".jsx", ".tsx"] }
-      ],
-      "import/extensions": [
-        "error",
-        "ignorePackages",
-        {
-          "js": "never",
-          "jsx": "never",
-          "ts": "never",
-          "tsx": "never"
-        }
-      ],
-      "import-prefer-default-export": "off",
-      "react/jsx-props-no-spreading": "off",
-      "react/require-default-props": "off",
-      "react/no-array-index-key": "off",
-      "react-hooks/rules-of-hooks": "off",
-      "no-return-assign": "off",
-      "no-underscore-dangle": "off",
-      "no-use-before-define": "off",
-      "no-nested-ternary": "off",
-      "jsx-a11y/click-events-have-key-events": "off",
-      "jsx-a11y/no-static-element-interactions": "off",
-      "react/no-unstable-nested-components": "off",
-      "no-unused-expressions": "off"
-    },
-    "settings": {
-      "import/resolver": {
-        "node": {
-          "extensions": [".js", ".jsx", ".ts", ".tsx"]
-        }
-      }
-    }
-  }
-
+	"env": {
+		"browser": true,
+		"es2021": true
+	},
+	"extends": [
+		"eslint:recommended",
+		"airbnb",
+		"plugin:import/errors",
+		"plugin:react/recommended",
+		"plugin:jsx-a11y/recommended",
+		"next/core-web-vitals",
+		"prettier"
+	],
+	"parser": "@typescript-eslint/parser",
+	"parserOptions": {
+		"ecmaFeatures": {
+			"jsx": true
+		},
+		"ecmaVersion": "latest",
+		"sourceType": "module"
+	},
+	"plugins": ["react", "@typescript-eslint"],
+	"rules": {
+		"react/jsx-filename-extension": [
+			"error",
+			{ "extensions": [".jsx", ".tsx"] }
+		],
+		"import/extensions": [
+			"error",
+			"ignorePackages",
+			{
+				"js": "never",
+				"jsx": "never",
+				"ts": "never",
+				"tsx": "never"
+			}
+		],
+		"react/no-unstable-nested-components": [
+			"error",
+			{
+				"allowAsProps": true
+			}
+		],
+		"no-console": "off",
+		"no-use-before-define": "off",
+		"react-hooks/exhaustive-deps": "off",
+		"react/function-component-definition": "off",
+		"no-shadow": "off",
+		"react/jsx-props-no-spreading": "off",
+		"react/destructuring-assignment": "off",
+		"react/require-default-props": "off",
+		"react/no-array-index-key": "off",
+		"global-require": "off",
+		"jsx-a11y/alt-text": "off",
+		"no-unused-vars": "off",
+		"no-param-reassign": "off",
+		"no-nested-ternary": "off",
+		"no-undef": "off",
+		"import/no-unresolved": "off"
+	},
+	"settings": {
+		"import/resolver": {
+			"node": {
+				"extensions": [".js", ".jsx", ".ts", ".tsx"]
+			}
+		}
+	}
+}

app/(tabs)/_layout.tsx

@@ -1,6 +1,5 @@
 import React, { useEffect, useState } from "react";
 import { Redirect, withLayoutContext } from "expo-router";
-import { useAuth } from "../../provider/AuthProvider";
 import { AntDesign, EvilIcons, Ionicons } from "@expo/vector-icons";
 import {
 	createMaterialTopTabNavigator,
@@ -9,6 +8,7 @@ import {
 } from "@react-navigation/material-top-tabs";
 import { ParamListBase, TabNavigationState } from "@react-navigation/native";
 import { ActivityIndicator, Keyboard, View } from "react-native";
+import { useAuth } from "../../provider/AuthProvider";
 import { CustomBottomSheetModal } from "../../components";
 
 const { Navigator } = createMaterialTopTabNavigator();
@@ -57,8 +57,7 @@ export default function TabLayout() {
 						animationEnabled: false,
 						lazy: true,
 						lazyPreloadDistance: 0,
-						lazyPlaceholder: () => {
-							return (
+						lazyPlaceholder: () => (
 								<View
 									style={{
 										flex: 1,
@@ -72,8 +71,7 @@ export default function TabLayout() {
 										color="black"
 									/>
 								</View>
-							);
-						},
+							),
 						tabBarInactiveTintColor: "gray",
 						tabBarActiveTintColor: "black",
 						tabBarShowIcon: true,
@@ -172,5 +170,5 @@ export default function TabLayout() {
 				</MaterialTopTabs>
 			</>
 		);
-	else return <Redirect href="/login" />;
+	return <Redirect href="/login" />;
 }

app/(tabs)/account/_layout.tsx

@@ -3,9 +3,8 @@ import { Pressable, View } from "react-native";
 import { Octicons } from "@expo/vector-icons";
 import { useAuth } from "../../../provider/AuthProvider";
 
-
 function StackLayout() {
-	const { handlePresentModalPress } = useAuth();
+	const { handlePresentModalPress = () => {} } = useAuth();
 	return (
 		<Stack
 			screenOptions={{
@@ -20,11 +19,10 @@ function StackLayout() {
 						</Pressable>
 						<Pressable
 							onPress={() => {
-								handlePresentModalPress &&
-									handlePresentModalPress();
+								handlePresentModalPress();
 							}}
 						>
-							<Octicons name="gear" size={24}  />
+							<Octicons name="gear" size={24} />
 						</Pressable>
 					</View>
 				),

app/(tabs)/account/index.tsx

@@ -1,13 +1,13 @@
 import React, { useCallback, useState } from "react";
 import { StyleSheet, View, Text, Pressable } from "react-native";
 import { Image } from "expo-image";
-import { useUserStore } from "../../../store";
-import { supabase } from "../../../lib/supabase";
 import { useFocusEffect, router } from "expo-router";
-import { useAuth } from "../../../provider/AuthProvider";
 import { LinearGradient } from "expo-linear-gradient";
 import { Feather } from "@expo/vector-icons";
 import { FlatList } from "react-native-gesture-handler";
+import { useAuth } from "../../../provider/AuthProvider";
+import { supabase } from "../../../lib/supabase";
+import { useUserStore } from "../../../store";
 
 export default function Profile() {
 	const { userDetails, user } = useUserStore();
@@ -21,7 +21,7 @@ export default function Profile() {
 	const { signOut } = useAuth();
 
 	const getData = async () => {
-		//count entries where userid is equal to the current user
+		// count entries where userid is equal to the current user
 		const { data, error } = await supabase
 			.from("stars")
 			.select("id", { count: "exact" })
@@ -76,6 +76,7 @@ export default function Profile() {
 						borderWidth: 2,
 						marginTop: -90,
 					}}
+					alt="Profile Picture"
 				/>
 
 				<Text

app/(tabs)/create/_layout.tsx

@@ -3,8 +3,8 @@ import { Pressable, View } from "react-native";
 import { Octicons } from "@expo/vector-icons";
 import { useAuth } from "../../../provider/AuthProvider";
 
-const StackLayout = () => {
-	const { handlePresentModalPress } = useAuth();
+function StackLayout() {
+	const { handlePresentModalPress = () => {} } = useAuth();
 	return (
 		<Stack
 			screenOptions={{
@@ -34,8 +34,7 @@ const StackLayout = () => {
 						</Pressable>
 						<Pressable
 							onPress={() => {
-								handlePresentModalPress &&
-									handlePresentModalPress();
+								handlePresentModalPress();
 							}}
 						>
 							<Octicons name="gear" size={24} />
@@ -54,10 +53,10 @@ const StackLayout = () => {
 				name="editor"
 				options={{
 					title: "Write",
-				}}	
+				}}
 			/>
 		</Stack>
 	);
-};
+}
 
 export default StackLayout;

app/(tabs)/create/editor.tsx

@@ -1,11 +1,11 @@
 import React, { useState } from "react";
 import { ScrollView, StyleSheet } from "react-native";
-import { Preview, RichTextEditor } from "../../../components";
 import { useLocalSearchParams } from "expo-router";
-import { useWritingsStore } from "../../../store";
 import uuid from "react-native-uuid";
+import { Preview, RichTextEditor } from "../../../components";
+import { useWritingsStore } from "../../../store";
 
-const Editor = () => {
+function Editor() {
 	const { id } = useLocalSearchParams<{id:string}>();
 	const { articles, drafts } = useWritingsStore();
 	const existingArticle =
@@ -31,9 +31,7 @@ const Editor = () => {
 				<Preview
 					setShowEditor={setShowEditor}
 					article={
-						existingArticle
-							? existingArticle
-							: {
+						existingArticle || {
 									id: uuid.v4().toString(),
 									title: "",
 									content: article,
@@ -50,7 +48,7 @@ const Editor = () => {
 			)}
 		</ScrollView>
 	);
-};
+}
 
 const styles = StyleSheet.create({
 	container: {

app/(tabs)/explore/_layout.tsx

@@ -3,8 +3,8 @@ import { Pressable, View } from "react-native";
 import { Octicons } from "@expo/vector-icons";
 import { useAuth } from "../../../provider/AuthProvider";
 
-const StackLayout = () => {
-	const { handlePresentModalPress } = useAuth();
+function StackLayout() {
+	const { handlePresentModalPress = () =>{} } = useAuth();
 	return (
 		<Stack
 			screenOptions={{
@@ -34,8 +34,7 @@ const StackLayout = () => {
 						</Pressable>
 						<Pressable
 							onPress={() => {
-								handlePresentModalPress &&
-									handlePresentModalPress();
+								handlePresentModalPress();
 							}}
 						>
 							<Octicons name="gear" size={24} />
@@ -47,6 +46,6 @@ const StackLayout = () => {
 			<Stack.Screen name="index" options={{ title: "Explore" }} />
 		</Stack>
 	);
-};
+}
 
 export default StackLayout;

app/(tabs)/favourites/_layout.tsx

@@ -3,8 +3,8 @@ import { Pressable, View } from "react-native";
 import { Octicons } from "@expo/vector-icons";
 import { useAuth } from "../../../provider/AuthProvider";
 
-const StackLayout = () => {
-	const { handlePresentModalPress } = useAuth();
+function StackLayout() {
+	const { handlePresentModalPress = () =>{} } = useAuth();
 	return (
 		<Stack
 			screenOptions={{
@@ -34,8 +34,7 @@ const StackLayout = () => {
 						</Pressable>
 						<Pressable
 							onPress={() => {
-								handlePresentModalPress &&
-									handlePresentModalPress();
+								handlePresentModalPress();
 							}}
 						>
 							<Octicons name="gear" size={24} />
@@ -47,6 +46,6 @@ const StackLayout = () => {
 			<Stack.Screen name="index" options={{ title: "Favourites" }} />
 		</Stack>
 	);
-};
+}
 
 export default StackLayout;

app/(tabs)/favourites/index.tsx

@@ -1,8 +1,7 @@
-import React from 'react'
-import { FavouritesList } from '../../../components'
+import { WidgetList } from "../../../components";
 
-const Favourites = () => {
-  return <FavouritesList />
+function Favourites() {
+	return <WidgetList />;
 }
 
-export default Favourites
+export default Favourites;