types.ts

import React from "react";
import { NavigationProp } from "@react-navigation/native";

export type RootStackParamList = {
  OnBoarding: undefined;
  Main: undefined;
  Auth: undefined;
  Home: undefined;
  NewsType: undefined;
  ForgotPassword: undefined;
  VerifyResetPassword: undefined;
  ResetPassword: undefined;
  ResetSuccess: undefined;
  Country: undefined;
  NewsTopics: undefined;
  NewsSource: undefined;
  Profile: undefined;
};

export type BottomTabNavigatorParamList = {
  HomeScreen: RootStackParamList;
  Feed: undefined;
  Settings: undefined;
};

export type RouteScreenProps = {
  navigate: NavigationProp<any, any>;
};

// TYPES FOR STATE MANAGEMENT (ContextAPI)
export type TContext = {
  dark: boolean;
  setDark: React.Dispatch<React.SetStateAction<boolean>>;
  errorMsg: {
    email: string;
    password: string;
  };
  setErrorMsg: React.Dispatch<
    React.SetStateAction<{
      email: string;
      password: string;
    }>
  >;
  loginMode: string;
  setLoginMode: React.Dispatch<React.SetStateAction<string>>;
  userAuthInput: {
    email: string;
    password: string;
  };
  setUserAuthInput: React.Dispatch<
    React.SetStateAction<{
      email: string;
      password: string;
    }>
  >;
  userInfo: {
    fullname: string;
    username: string;
    telephone: string;
    profilePicture: string;
    country: string;
    newsType: string;
    website: string;
    bio: string;
  };
  setUserInfo: React.Dispatch<
    React.SetStateAction<{
      fullname: string;
      username: string;
      telephone: string;
      profilePicture: string;
      country: string;
      newsType: string;
      website: string;
      bio: string;
    }>
  >;
  category: any;
  setCategory: React.Dispatch<React.SetStateAction<string>>;
  newSourceList: string[];
  setNewSourceList: React.Dispatch<React.SetStateAction<string[]>>;
  news: NewsData[];
  setNews: React.Dispatch<React.SetStateAction<NewsData[]>>;
};

export type NewsData = {
  image: any;
  topic: string;
  title: string;
  urlToImage: string;
  content: string;
  source: {
    name: string;
  };
};