Update HomePage.jsx

This commit is contained in:
degradin 2025-05-14 22:42:39 +03:00
parent d10394c015
commit ef393743cb

View File

@ -1,9 +1,9 @@
import React, { useState, useEffect } from 'react';
import { Link } from 'react-router-dom';
import { useMedia } from '../contexts/MediaContext';
import { useAuth } from '../contexts/AuthContext';
import { listMedia } from '../services/supabase';
import { mediaTypes } from '../services/mediaService';
import React, { useState, useEffect } from "react";
import { Link } from "react-router-dom";
import { useMedia } from "../contexts/MediaContext";
import { useAuth } from "../contexts/AuthContext";
import { listMedia } from "../services/supabase";
import { mediaTypes } from "../services/mediaService";
import { FiTrendingUp, FiCalendar, FiAward } from "react-icons/fi";
import MediaCarousel from "../components/media/MediaCarousel";
import { getImageUrl } from "../services/tmdbApi";
@ -20,15 +20,15 @@ const HomePage = () => {
setLoading(true);
setError(null);
const { data, error } = await listMedia();
if (error) {
throw new Error(error);
}
setMedia(data || []);
} catch (err) {
console.error('Error loading media:', err);
setError('Не удалось загрузить контент');
console.error("Error loading media:", err);
setError("Не удалось загрузить контент");
} finally {
setLoading(false);
}
@ -68,11 +68,8 @@ const HomePage = () => {
<h1 className="text-3xl font-bold text-campfire-light">
Добро пожаловать в CampFire
</h1>
{user?.role === 'admin' && (
<Link
to="/admin/media"
className="btn-secondary"
>
{user?.role === "admin" && (
<Link to="/admin/media" className="btn-secondary">
Управление контентом
</Link>
)}
@ -98,7 +95,7 @@ const HomePage = () => {
<div className="p-4">
<div className="flex items-center justify-between mb-2">
<span className="text-xs font-medium px-2 py-1 rounded-full bg-campfire-amber/20 text-campfire-amber">
{item.type === 'movie' ? 'Фильм' : 'Сериал'}
{item.type === "movie" ? "Фильм" : "Сериал"}
</span>
<span className="text-sm text-campfire-ash">
{new Date(item.release_date).getFullYear()}
@ -120,11 +117,8 @@ const HomePage = () => {
<p className="text-campfire-ash text-lg">
Пока нет доступного контента
</p>
{user?.role === 'admin' && (
<Link
to="/admin/media"
className="inline-block mt-4 btn-primary"
>
{user?.role === "admin" && (
<Link to="/admin/media" className="inline-block mt-4 btn-primary">
Добавить контент
</Link>
)}