unleash.unleash/frontend/src/hooks/api/getters/useFeatureSearch/useFeatureSearch.ts

import useSWR, { SWRConfiguration } from 'swr';
import { useCallback } from 'react';
import { IFeatureToggleListItem } from 'interfaces/featureToggle';
import { formatApiPath } from 'utils/formatPath';
import handleErrorResponses from '../httpErrorResponseHandler';

type IFeatureSearchResponse = { features: IFeatureToggleListItem[] };

interface IUseFeatureSearchOutput {
    features: IFeatureSearchResponse;
    loading: boolean;
    error: string;
    refetch: () => void;
}

const fallbackFeatures: { features: IFeatureToggleListItem[] } = {
    features: [],
};

export const useFeatureSearch = (
    options: SWRConfiguration = {},
): IUseFeatureSearchOutput => {
    const { KEY, fetcher } = getFeatureSearchFetcher();
    const { data, error, mutate } = useSWR<IFeatureSearchResponse>(
        KEY,
        fetcher,
        options,
    );

    const refetch = useCallback(() => {
        mutate();
    }, [mutate]);

    return {
        features: data || fallbackFeatures,
        loading: !error && !data,
        error,
        refetch,
    };
};

const getFeatureSearchFetcher = () => {
    const fetcher = () => {
        const path = formatApiPath(`api/admin/search/features`);
        return fetch(path, {
            method: 'GET',
        })
            .then(handleErrorResponses('Feature search'))
            .then((res) => res.json());
    };

    const KEY = `api/admin/search/features`;

    return {
        fetcher,
        KEY,
    };
};