#8587

Committed 06 Aug 2024 01:45PM UTC coverage: 5.823%. First build

Build # #8587

Build Type

Pull #6712

travis-ci

Pull Request Pull Request #6712: Release 0.68.0

Run Details

188 of 9893 branches covered (1.9%)

Branch coverage included in aggregate %.

12 of 309 new or added lines in 42 files covered. (3.88%)

1408 of 17516 relevant lines covered (8.04%)

0.19 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

4.35

/src/domain/shared/utils/useLoadingState.ts

import { useEffect, useRef, useState } from 'react';

export interface Callback<Args extends unknown[], Result> {
  (...args: Args): Promise<Result>;
}

export type Provided<Args extends unknown[], Result> = [
  callback: Callback<Args, Result>,
  isLoading: boolean,
  error: Error | undefined
];

const useLoadingState = <Args extends unknown[], Result>(
  originalCallback: Callback<Args, Result>
): Provided<Args, Result> => {
  const [isLoading, setIsLoading] = useState(false);
  const [error, setError] = useState<Error>();

  const isMountedRef = useRef(true);

  useEffect(() => {
    isMountedRef.current = true;

    return () => {
      isMountedRef.current = false;
    };
  }, []);

  const callback = async (...args: Args) => {
    if (isMountedRef.current) setIsLoading(true);
    try {
      return await originalCallback(...args);
    } catch (error) {
      if (error instanceof Error) {
        setError(error);
      }
      throw error;
    } finally {
      if (isMountedRef.current) setIsLoading(false);
    }
  };

  return [callback, isLoading, error];
};

export default useLoadingState;

1	import { useEffect, useRef, useState } from 'react';
2
3	export interface Callback<Args extends unknown[], Result> {
4	(...args: Args): Promise<Result>;
5	}
6
7	export type Provided<Args extends unknown[], Result> = [
8	callback: Callback<Args, Result>,
9	isLoading: boolean,
10	error: Error \| undefined
11	];
12
13	const useLoadingState = <Args extends unknown[], Result>(	1✔
14	originalCallback: Callback<Args, Result>
15	): Provided<Args, Result> => {
16	const [isLoading, setIsLoading] = useState(false);	×
17	const [error, setError] = useState<Error>();	×
18
NEW 19	const isMountedRef = useRef(true);	×
20
NEW 21	useEffect(() => {	×
NEW 22	isMountedRef.current = true;	×
23
NEW 24	return () => {	×
NEW 25	isMountedRef.current = false;	×
26	};
27	}, []);
28
29	const callback = async (...args: Args) => {	×
NEW 30	if (isMountedRef.current) setIsLoading(true);	×
31	try {	×
32	return await originalCallback(...args);	×
33	} catch (error) {
34	if (error instanceof Error) {	×
35	setError(error);	×
36	}
37	throw error;	×
38	} finally {
NEW 39	if (isMountedRef.current) setIsLoading(false);	×
40	}
41	};
42
43	return [callback, isLoading, error];	×
44	};
45
46	export default useLoadingState;

alkem-io / client-web / #8587

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous