picpeak/frontend/src/hooks/useWatermarkSettings.ts

import { useState, useEffect } from 'react';
import { settingsService } from '../services/settings.service';

export function useWatermarkSettings() {
  const [watermarkEnabled, setWatermarkEnabled] = useState(false);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    const fetchSettings = async () => {
      try {
        const settings = await settingsService.getSettingsByType('branding');
        const brandingSettings = settingsService.formatBrandingSettings(settings);
        setWatermarkEnabled(brandingSettings.watermark_enabled);
      } catch (error) {
        console.error('Failed to fetch watermark settings:', error);
      } finally {
        setLoading(false);
      }
    };

    fetchSettings();
  }, []);

  return { watermarkEnabled, loading };
}