rename login provider

app/_layout.tsx

@@ -1,21 +1,21 @@
 import { DarkTheme, DefaultTheme, ThemeProvider } from '@react-navigation/native';
 import { useColorScheme } from 'react-native';
 import { Stack } from 'expo-router';
-import { LoginProvider } from '@/components/LoginProvider';
+import { HackerNewsProvider } from '@/components/HackerNewsProvider';
 import { SettingsProvider } from '@/components/SettingsProvider';
 
 export default function RootLayout() {
   const colorScheme = useColorScheme();
   return (
     <SettingsProvider>
-      <LoginProvider>
+      <HackerNewsProvider>
         <ThemeProvider value={colorScheme === "dark" ? DarkTheme : DefaultTheme}>
           <Stack>
             <Stack.Screen name="index" />
             <Stack.Screen name="detail"/>
           </Stack>
         </ThemeProvider>
-      </LoginProvider>
+      </HackerNewsProvider>
     </SettingsProvider>
   );
 }

app/detail.tsx

@@ -6,7 +6,7 @@ import { useThemeColor } from "@/utils/Colors";
 import { Feather } from '@expo/vector-icons';
 import FontAwesome from '@expo/vector-icons/FontAwesome';
 import Header from '@/components/Header';
-import { LoginContext } from '@/components/LoginProvider';
+import { LoginContext } from '@/components/HackerNewsProvider';
 import { SettingsContext } from '@/components/SettingsProvider';
 
 const darkReaderScript = `

components/LoginProvider.tsx → components/HackerNewsProvider.tsx

@@ -1,7 +1,7 @@
 import { createContext, useState, useEffect, useCallback } from "react";
 import { fetch } from "@/utils/Fetch";
 
-class LoginState {
+class HackerNewsState {
   showLoginModal: boolean = false;
   isLoggedIn: boolean = false;
   showLoginError: boolean = false;
@@ -14,13 +14,13 @@ class LoginState {
   showModal!: (show: boolean) => void;
 }
 
-export const LoginContext = createContext(new LoginState());
+export const LoginContext = createContext(new HackerNewsState());
 
 interface Props {
   children: React.ReactNode;
 }
 
-export const LoginProvider: React.FC<Props> = ({ children }) => {
+export const HackerNewsProvider: React.FC<Props> = ({ children }) => {
   const [showLoginModal, setShowLoginModal] = useState(false);
   const [showLoginError, setShowLoginError] = useState(false);
   const [isLoggedIn, setIsLoggedIn] = useState(false);

components/Header.tsx

@@ -10,7 +10,7 @@ import {
 import { useNavigation, Link } from "expo-router";
 import { useThemeColor } from "@/utils/Colors";
 import { Feather } from "@expo/vector-icons";
-import { LoginContext } from "./LoginProvider";
+import { LoginContext } from "./HackerNewsProvider";
 import LoginModal from "./LoginModal";
 
 type Props = {

components/LoginModal.tsx

@@ -9,7 +9,7 @@ import {
   TextInput
 } from "react-native";
 import { useThemeColor } from "@/utils/Colors";
-import { LoginContext } from "./LoginProvider";
+import { LoginContext } from "./HackerNewsProvider";
 
 const LoginModal: React.FC = () => {
   const loginContext = useContext(LoginContext);