chore: rename internal state and setter function

Resolves comment https://app.graphite.dev/github/pr/Orfium/toolbox/126/feat-add-new-hook-useContentLoadingIndicator#comment-PRRC_kwDOHH8Ets5YuuRW
Orfium · Mar 13, 2024 · 886aae2 · 886aae2
1 parent 5b9ffe5
commit 886aae2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/providers/ContentLoadingIndicator.tsx b/src/providers/ContentLoadingIndicator.tsx
@@ -3,13 +3,13 @@ import { ContentLoadingIndicatorContext } from '../contexts/content-loading-indi
 
 export function ContentLoadingIndicator(props: { children: ReactNode }) {
   const { children } = props;
-  const [loadingIndicatorActive, setLoadingIndicatorActive] = useState<boolean>(false);
+  const [loadingIndicator, setLoadingIndicator] = useState<boolean>(false);
 
   return (
     <ContentLoadingIndicatorContext.Provider
       value={{
-        loadingIndicatorActive,
-        setLoadingIndicatorActive,
+        loadingIndicator,
+        setLoadingIndicator,
       }}
     >
       {children}

diff --git a/src/ui/Scaffold/Scaffold.tsx b/src/ui/Scaffold/Scaffold.tsx
@@ -4,12 +4,12 @@ import { type ReactElement, type ReactNode } from 'react';
 import { _useContentLoadingIndicator } from '../../hooks/useContentLoadingIndicator';
 import { ContentLoadingIndicator } from '../../providers/ContentLoadingIndicator';
 import {
-  backGround,
   Contents,
   GridContainer,
   Header,
   LoadingBarWrapper,
   SideNav,
+  backGround,
 } from './Scaffold.styles';
 
 export type ScaffoldProps = {
@@ -20,7 +20,7 @@ export type ScaffoldProps = {
 
 function ScaffoldInternal(props: ScaffoldProps) {
   const { navigationSlot, headerSlot, children } = props;
-  const { loadingIndicatorActive } = _useContentLoadingIndicator();
+  const { loadingIndicator } = _useContentLoadingIndicator();
 
   const theme = useTheme();
 
@@ -29,7 +29,7 @@ function ScaffoldInternal(props: ScaffoldProps) {
       <Global styles={{ body: backGround(theme) }} />
       <SideNav>{navigationSlot}</SideNav>
       <Header>
-        {loadingIndicatorActive ? (
+        {loadingIndicator ? (
           <LoadingBarWrapper>
             <Loader type={'indeterminate'} />
           </LoadingBarWrapper>