Function useLogoSelection

frontend/src/hooks/useSmartLogos.jsx:8–38

()

 * Loads logos on-demand when the component is opened
 */
export const useLogoSelection = () => {
  const [isLoading, setIsLoading] = useState(false);
  const [isInitialized, setIsInitialized] = useState(false);

  const logos = useLogosStore((s) => s.logos);
  const fetchLogos = useLogosStore((s) => s.fetchLogos); // Check if we have a reasonable number of logos loaded
  const hasEnoughLogos = Object.keys(logos).length > 0;

  const ensureLogosLoaded = useCallback(async () => {
    if (isLoading || (hasEnoughLogos && isInitialized)) {
      return;
    }

    setIsLoading(true);
    try {
      await fetchLogos();
      setIsInitialized(true);
    } catch (error) {
      console.error('Failed to load logos for selection:', error);
    } finally {
      setIsLoading(false);
    }
  }, [isLoading, hasEnoughLogos, isInitialized, fetchLogos]);

  return {
    logos,
    isLoading,
    ensureLogosLoaded,
    hasLogos: hasEnoughLogos,
  };
};

/**
 * Hook for channel forms that need channel logos