"use client";

import { useEffect } from 'react';

// 预加载关键资源
const criticalResources = [
  // 导航图标
  '/icons/navigation/icon-lending.svg',
  '/icons/navigation/icon-alp.svg',
  '/icons/navigation/icon-swap.svg',
  '/icons/navigation/icon-transparency.svg',
  '/icons/navigation/icon-points.svg',

  // 常用操作图标
  '/icons/actions/icon-wallet.svg',
  '/icons/actions/icon-notification.svg',
  '/icons/actions/icon-copy.svg',

  // Logo
  '/logos/logo.svg',
];

export default function ResourcePreload() {
  useEffect(() => {
    // 使用浏览器原生预加载API
    criticalResources.forEach(url => {
      const link = document.createElement('link');
      link.rel = 'prefetch';
      link.as = 'image';
      link.href = url;
      document.head.appendChild(link);
    });

    // 可选：使用fetch预加载并缓存
    if ('caches' in window) {
      caches.open('svg-cache-v1').then(cache => {
        cache.addAll(criticalResources).catch(err => {
          console.error('预加载SVG失败:', err);
        });
      });
    }
  }, []);

  return null;
}
