@ubertheme/slider/src/talons/Slider/useSlider.js

UB Slider Module for Magento PWA Studio

import { useQuery } from "@apollo/client";

/**
 * Returns props necessary to render a UB PWA Slider component.
 *
 * @param {object} props
 * @param {object} props.query - graphql query
 * @param {string} props.slideKey - Slider Key
 * @return {{ slideItems: array, error: object, loading: boolean }}
 */
export const useSlider = props => {
    const {
        query,
        slideKey
    } = props;

    const { loading, error, data } = useQuery(query, {
        fetchPolicy: 'cache-and-network',
        nextFetchPolicy: 'cache-first',
        variables: { slideKey: slideKey }
    });

    const slideItems = (data && data.slideItems.items) || null;

    return {
        slideItems: slideItems,
        error,
        loading
    };
};