Rename useLoaded to useIsLoaded

Author: adamgraham

src/components/EmbeddedVideo.tsx

@@ -3,7 +3,7 @@
 import classNames from 'classnames';
 import React, { useRef } from 'react';
 import LoadingSpinner from './LoadingSpinner';
-import { useLoading } from '../hooks';
+import { useIsLoading } from '../hooks';
 
 const sizes = Object.freeze({
   xs: {
@@ -54,7 +54,7 @@ export default function EmbeddedVideo({
   width,
 }: EmbeddedVideoProps) {
   const ref = useRef<HTMLIFrameElement>(null);
-  const loading = useLoading(ref);
+  const loading = useIsLoading(ref);
   const offline = typeof navigator !== 'undefined' && !navigator.onLine;
   const _width = width || (size && sizes[size].width);
   const _height = height || (size && sizes[size].height);

src/components/ProgressiveImage.tsx

@@ -3,7 +3,7 @@
 import classNames from 'classnames';
 import React, { useRef } from 'react';
 import LoadingSpinner from './LoadingSpinner';
-import { useLoaded } from '../hooks';
+import { useIsLoaded } from '../hooks';
 
 export type ProgressiveImageProps = {
   alt?: string;
@@ -42,7 +42,7 @@ export default function ProgressiveImage({
   ...rest
 }: ProgressiveImageProps) {
   const imageRef = useRef<HTMLImageElement>(null);
-  const loaded = useLoaded(imageRef, undefined, onLoad);
+  const loaded = useIsLoaded(imageRef, undefined, onLoad);
   return (
     <picture
       className={classNames(

src/hooks/index.ts

@@ -1,10 +1,10 @@
 export * from './useBodyOverflow';
 export * from './useBreakpoint';
 export * from './useElementSize';
+export * from './useIsLoaded';
 export * from './useIsMounted';
 export * from './useIsomorphicLayoutEffect';
 export * from './useKeyboardEvent';
-export * from './useLoaded';
 export * from './useLocalStorage';
 export * from './useMediaQuery';
 export * from './usePagination';

src/hooks/useLoaded.ts renamed to src/hooks/useIsLoaded.ts

@@ -3,7 +3,7 @@
 import { useEffect, useState } from 'react';
 import { bindEvent, unbindEvent } from '../utils';
 
-export function useLoaded(
+export function useIsLoaded(
   ref: React.RefObject<HTMLElement>,
   key?: string,
   onLoad?: () => void,
@@ -52,9 +52,9 @@ export function useLoaded(
   return loaded;
 }
 
-export function useLoading(
+export function useIsLoading(
   ref: React.RefObject<HTMLElement>,
   key?: string,
 ): boolean {
-  return !useLoaded(ref, key);
+  return !useIsLoaded(ref, key);
 }