@oxyhq/services/lib/module/ui/hooks/useColorScheme.js

OxyHQ Expo/React Native SDK — UI components, screens, and native features

"use strict";

import { useContext } from 'react';
import { useColorScheme as useRNColorScheme } from 'react-native';
import { ThemeContext } from "../context/ThemeContext.js";

/**
 * Hook to get the current color scheme (theme).
 * Returns the resolved theme from ThemeContext if available, otherwise falls back to React Native's useColorScheme.
 * 
 * Always calls hooks in the same order to maintain React hook rules.
 */
export function useColorScheme() {
  // Always call hooks in the same order - never conditionally
  const rnColorScheme = useRNColorScheme();
  const themeContext = useContext(ThemeContext);

  // If ThemeContext is available, use it; otherwise fall back to React Native's color scheme
  if (themeContext?.resolvedTheme) {
    return themeContext.resolvedTheme;
  }

  // Fall back to React Native's color scheme detection
  return rnColorScheme ?? 'light';
}
//# sourceMappingURL=useColorScheme.js.map