import React, { useState, useEffect } from 'react'
import { api } from '../utils/api'

/**
 * AdminHierarchyPage - Simplified version to fix build
 */

function AdminHierarchyPage() {
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState('')

  useEffect(() => {
    setLoading(false)
  }, [])

  if (loading) {
    return <div style={{ padding: '40px', textAlign: 'center' }}><div className="spinner"></div></div>
  }

  return (
    <div style={{ padding: '20px' }}>
      <h1>Admin-Hierarchie</h1>
      {error && <div style={{ color: 'var(--danger)' }}>{error}</div>}
      <p>Die vollständige Admin-Hierarchie wird gerade überarbeitet...</p>
      <p>Nutze vorübergehend die alte Katalog-Seite unter <a href="/admin/catalogs">/admin/catalogs</a></p>
    </div>
  )
}

export default AdminHierarchyPage