fix(typescript): apply fixes to typescript errors

Author: nappalion

packages/app/Root.tsx

@@ -37,7 +37,7 @@ function App() {
   const { user, setUser } = useUserContext();
 
   const currentSession = async () => {
-    let accessToken = await SecureStore.getValueFor("accessToken");
+    const accessToken = await SecureStore.getValueFor("accessToken");
     let refreshToken = await SecureStore.getValueFor("refreshToken");
 
     if (!accessToken) {

packages/app/__tests__/GroupScreen.test.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import { render } from "@testing-library/react-native";
 import GroupScreen from "@app/screens/group/GroupScreen";
 import GroupHeader from "@app/components/GroupScreen/GroupHeader";
+import { GroupHeaderProps } from "@app/types/Group";
 
 jest.mock("@expo/vector-icons/Ionicons", () => ({
   Ionicons: () => null,
@@ -11,7 +12,7 @@ jest.mock("@expo/vector-icons/FontAwesome5", () => ({
   FontAwesome5: () => null,
 }));
 
-let props: any;
+let props: GroupHeaderProps;
 
 describe("GroupScreen Tests", () => {
   describe(GroupScreen, () => {

packages/app/__tests__/Login.test.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { render, fireEvent } from "@testing-library/react-native";
 import LandingScreen from "@app/screens/landing/LandingScreen";
+import { LandingScreenNavigationProps } from "@app/types/Landing";
 
 // Need these to avoid "Cannot use import statement outside a module" error
 jest.mock("expo-web-browser", () => ({
@@ -13,7 +14,7 @@ jest.mock("expo-constants", () => ({
   Constants: () => null,
 }));
 
-let props: any;
+let props: LandingScreenNavigationProps;
 const mockedNavigate = jest.fn();
 
 jest.mock("@react-navigation/native", () => ({
@@ -103,11 +104,8 @@ describe(LandingScreen, () => {
     });
 
     it("signup button renders correctly", () => {
-      const mockNavigation = {
-        navigate: jest.fn(),
-      };
       const { getByTestId } = render(
-        <LandingScreen navigation={mockedNavigate} {...props} />
+        <LandingScreen  {...props}/>
       );
       const signupButton = getByTestId("signupButton");
       expect(signupButton).toBeTruthy();

packages/app/components/EventCard/EventCardRegistration.tsx

@@ -10,17 +10,20 @@ const sampleArray = [0, 1, 2, 3];
 const BLUE = "#0b91e0";
 
 const styles = StyleSheet.create({
-  buttonView: {
-    flex: 7,
-    justifyContent: "center",
-  },
   button: {
-    height: 35,
+    backgroundColor: BLUE,
     borderRadius: 5,
+    height: 35,
     marginBottom: 0,
     marginLeft: 0,
     marginRight: 0,
-    backgroundColor: BLUE
+  },
+  buttonView: {
+    flex: 7,
+    justifyContent: "center",
+  },
+  container: {
+    flexDirection: "row",
   },
   faceView: {
     flexDirection: "row",
@@ -35,9 +38,14 @@ export default function EventCardRegistration(
   const { register } = props;
 
   return (
-    <View style={{ flexDirection: "row" }}>
+    <View style={styles.container}>
       <View style={styles.buttonView}>
-        <Button style={styles.button} fontColor="#ffffff" title="Going" onPress={register} />
+        <Button
+          style={styles.button}
+          fontColor="#ffffff"
+          title="Going"
+          onPress={register}
+        />
       </View>
       <View style={styles.faceView}>
         {sampleArray.slice(0, 4).map((x) => {

packages/app/components/GroupScreen/GroupTabs.tsx

@@ -139,7 +139,7 @@ function GroupTabs(props: GroupTabsProps) {
           style={[
             styles.blueView,
             { transform: blueViewPosition.getTranslateTransform() },
-            isAnimationComplete ? { opacity: 0 } : {},
+            isAnimationComplete ? styles.hide : {},
           ]}
         />
 
@@ -164,6 +164,9 @@ const styles = StyleSheet.create({
     height: 3,
     width: "100%",
   },
+  hide: {
+    opacity: 0,
+  },
   innerTabView: {
     flexDirection: "row",
   },

packages/app/components/TextInput.tsx

@@ -37,8 +37,8 @@ const TextInput = forwardRef(function textInput(
     },
     textField: {
       alignItems: "flex-start",
+      borderColor: props.error ? RED : props.borderColor,
       flexDirection: "row",
-      borderColor: props.error ? "#f54242" : props.borderColor,
     },
   });
 

packages/app/screens/group/tabs/AboutScreen.tsx

@@ -1,8 +1,7 @@
 import React from "react";
 import { View } from "react-native";
-import { AboutScreenProps } from "@app/types/Group";
 
-function AboutScreen(props: AboutScreenProps) {
+function AboutScreen() { // props: AboutScreenProps --> available in "types"
   return <View></View>;
 }
 

packages/app/screens/group/tabs/LeaderboardScreen.tsx

@@ -1,8 +1,7 @@
 import React from "react";
 import { View } from "react-native";
-import { LeaderboardScreenProps } from "@app/types/Group";
 
-function LeaderboardScreen(props: LeaderboardScreenProps) {
+function LeaderboardScreen() { // props: LeaderboardScreenProps --> available in "types"
   return <View></View>;
 }
 

packages/app/screens/group/tabs/MembersScreen.tsx

@@ -1,8 +1,7 @@
 import React from "react";
 import { View } from "react-native";
-import { MembersScreenProps } from "@app/types/Group";
 
-function MembersScreen(props: MembersScreenProps) {
+function MembersScreen() { // props: MembersScreenProps --> available in "types"
   return <View></View>;
 }
 

packages/app/screens/group/tabs/NewsletterScreen.tsx

@@ -1,8 +1,7 @@
-import { NewsletterScreenProps } from "@app/types/Group";
 import React from "react";
 import { View } from "react-native";
 
-function NewsletterScreen(props: NewsletterScreenProps) {
+function NewsletterScreen() { // props: NewsletterScreenProps --> available in "types"
   return <View></View>;
 }