diff --git a/package.json b/package.json index 20ccdd5..0b2787c 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "vite-react-typescript-starter", "private": true, - "version": "1.0.0", + "version": "1.0.1", "type": "module", "scripts": { "dev": "vite", diff --git a/src/components/BlogOwnerSection.tsx b/src/components/BlogOwnerSection.tsx new file mode 100644 index 0000000..dfdc954 --- /dev/null +++ b/src/components/BlogOwnerSection.tsx @@ -0,0 +1,101 @@ +import { useState } from 'react'; +import { ChevronDown, ChevronUp } from 'lucide-react'; + +interface BlogOwner { + name: string; + photo: string; + shortBio: string; + fullBio: string; +} + +const blogOwner: BlogOwner = { + name: 'Илья Дмитриевич Золкин', + photo: '/images/master.jpg?auto=format&fit=crop&q=80&w=400&h=400', + shortBio: 'Я, Илья Золкин, учредитель и главный редактор портала «Культура двух столиц» приветствую и благодарю Вас за проявленные любопытство и внимание. ...', + fullBio: `Я, Илья Золкин, учредитель и главный редактор портала «Культура двух столиц» приветствую и благодарю Вас за проявленные любопытство и внимание. + +О проекте + +«Культура двух столиц»- это площадка, объединившая журналистов, критиков, актеров, режиссеров, музыкантов и всех тех, кто принимает самое непосредственное участие в культурной жизни Москвы и Санкт-Петербурга. Это пространство для диалога между творцами и зрителями, между критиками и художниками. Это не только агрегатор новостей и анонсов, а живой организм, стремящийся отразить пульс современной культуры двух главных городов России. + +Культурная жизнь страны сейчас представляет собой калейдоскоп, которая как стеклышки в трубе мгновенно меняется и переливается разноцветными красками. Наряду с академическими театрами, бережно хранящими традиции, появляются экспериментальные площадки, где молодые режиссеры и актеры ищут новые формы выражения. Современный театр смело экспериментирует с жанрами, стилями и технологиями, стремясь говорить со зрителем на понятном ему языке. + +Однако, несмотря на все перемены, театр, киноискусство, эстрада, классическая музыка остается местом, где рождаются эмоции, где зритель может встретиться с самим собой. Культура продолжает играть важную роль в формировании, поддержании духовности и нравственности общества. + +О себе + +Я родился в одном из самых красивых и театральных городов мира, в Санкт- Петербурге. По первому образованию, которое получил в Санкт-Петербургском Балтийском институте иностранных языков и межкультурного сотрудничества в 2014 году, окончив актерское отделение мастеров Б.Г. Смолкина Б.Г. и О.Г. Кирсановой- Миропольской, я актер театра и кино. + +Мои достижения + +Beyond my professional work, I'm passionate about cultural education and mentorship. I regularly conduct workshops for aspiring writers and curators, believing that the next generation of cultural critics will bring fresh perspectives that we desperately need. + +Through CultureScope, I aim to bridge the gap between high culture and popular culture, between tradition and innovation, and between different communities around the world. Every article, every story we publish is an invitation to see the world through a different lens and to appreciate the rich tapestry of human creativity that surrounds us.` +}; + +export function BlogOwnerSection() { + const [isExpanded, setIsExpanded] = useState(false); + + return ( +
+
+
+
+
+
+ {blogOwner.name} +
+
+
+
+
+
+

+ {blogOwner.name} +

+

+ Основатель & Главный редактор +

+
+
+ +
+
+ {isExpanded ? ( +
+ {blogOwner.fullBio} +
+ ) : ( +

{blogOwner.shortBio}

+ )} +
+ + {!isExpanded && ( +
+ )} +
+ + +
+
+
+
+
+ ); +} diff --git a/src/components/BlogOwnerSectionFull.tsx b/src/components/BlogOwnerSectionFull.tsx new file mode 100644 index 0000000..ee62109 --- /dev/null +++ b/src/components/BlogOwnerSectionFull.tsx @@ -0,0 +1,123 @@ +import { useState } from 'react'; +import { ChevronDown, ChevronUp } from 'lucide-react'; + +interface BlogOwner { + name: string; + photo: string; + shortBio: string; + fullBioContent: JSX.Element; +} + +const blogOwner: BlogOwner = { + name: 'Илья Дмитриевич Золкин', + photo: '/images/master.jpg?auto=format&fit=crop&q=80&w=400&h=400', + shortBio: 'Я, Илья Золкин, учредитель и главный редактор портала «Культура двух столиц» приветствую и благодарю Вас за проявленные любопытство и внимание. ...', + fullBioContent: ( + <> +

+ Я, Илья Золкин, учредитель и главный редактор портала «Культура двух столиц» приветствую и благодарю Вас за проявленные любопытство и внимание. +

+ +

+ О проекте +

+

+ «Культура двух столиц»- это площадка, объединившая журналистов, критиков, актеров, режиссеров, музыкантов и всех тех, кто принимает самое непосредственное участие в культурной жизни Москвы и Санкт-Петербурга. Это пространство для диалога между творцами и зрителями, между критиками и художниками. Это не только агрегатор новостей и анонсов, а живой организм, стремящийся отразить пульс современной культуры двух главных городов России. +

+ +

+ Культурная жизнь страны сейчас представляет собой калейдоскоп, которая как стеклышки в трубе мгновенно меняется и переливается разноцветными красками. Наряду с академическими театрами, бережно хранящими традиции, появляются экспериментальные площадки, где молодые режиссеры и актеры ищут новые формы выражения. Современный театр смело экспериментирует с жанрами, стилями и технологиями, стремясь говорить со зрителем на понятном ему языке. +

+ +

+ Однако, несмотря на все перемены, театр, киноискусство, эстрада, классическая музыка остается местом, где рождаются эмоции, где зритель может встретиться с самим собой. Культура продолжает играть важную роль в формировании, поддержании духовности и нравственности общества. +

+ +

+ О себе +

+

+ Я родился в одном из самых красивых и театральных городов мира, в Санкт- Петербурге. По первому образованию, которое получил в Санкт-Петербургском Балтийском институте иностранных языков и межкультурного сотрудничества в 2014 году, окончив актерское отделение мастеров Б.Г. Смолкина Б.Г. и О.Г. Кирсановой- Миропольской, я актер театра и кино. +

+ +

+ Мои достижения +

+ + + ) +}; + +export function BlogOwnerSectionFull() { + const [isExpanded, setIsExpanded] = useState(false); + + return ( +
+
+
+
+
+
+ {blogOwner.name} +
+
+
+
+
+
+

+ {blogOwner.name} +

+

+ Учредитель и Главный Редактор +

+
+
+ +
+
+ {isExpanded ? ( +
+ {blogOwner.fullBioContent} +
+ ) : ( +

{blogOwner.shortBio}

+ )} +
+ + {!isExpanded && ( +
+ )} +
+ + +
+
+
+
+
+ ); +} diff --git a/src/components/FeaturedSection.tsx b/src/components/FeaturedSection.tsx index 9d633a5..3dc9936 100644 --- a/src/components/FeaturedSection.tsx +++ b/src/components/FeaturedSection.tsx @@ -70,7 +70,7 @@ export function FeaturedSection() {

{city ? `${CityTitles[Number(city)]} ` : ''} - {category ? `${CategoryTitles[Number(category)]} Статьи` : 'Читайте сегодня'} + {category ? `${CategoryTitles[Number(category)]}` : 'Читайте сегодня'}

Статьи {Math.min((currentPage - 1) * ARTICLES_PER_PAGE + 1, totalArticles)} diff --git a/src/hooks/useAuthorManagement.ts b/src/hooks/useAuthorManagement.ts index 0d7cc76..53127a7 100644 --- a/src/hooks/useAuthorManagement.ts +++ b/src/hooks/useAuthorManagement.ts @@ -1,123 +1,157 @@ import { useState, useEffect } from 'react'; import { Author, AuthorFormData, User } from '../types/auth'; import { authorService } from '../services/authorService'; -import { userService } from "../services/userService"; - +import { userService } from '../services/userService'; export function useAuthorManagement() { const [authors, setAuthors] = useState([]); const [users, setUsers] = useState([]); const [selectedAuthor, setSelectedAuthor] = useState(null); const [selectedRole, setSelectedRole] = useState(''); - const [loading, setLoading] = useState(true); + const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [currentPage, setCurrentPage] = useState(1); const [totalPages, setTotalPages] = useState(1); + // --- Загрузка авторов и пользователей --- useEffect(() => { - fetchAuthors(selectedRole, currentPage); - fetchUsers(); + void fetchAuthors(selectedRole, currentPage); + void fetchUsers(); }, [selectedRole, currentPage]); + // --- Получение списка авторов --- const fetchAuthors = async (role: string, page: number) => { try { setLoading(true); const response = await authorService.getAuthors(role, page); - setAuthors(response.authors); - setTotalPages(response.totalPages); + setAuthors(response.authors ?? []); // защита от undefined + setTotalPages(response.totalPages ?? 1); setError(null); } catch (err) { - setError('Ошибка получения списка авторов'); console.error('Ошибка получения списка авторов:', err); + setError('Ошибка получения списка авторов'); } finally { setLoading(false); } }; + // --- Получение списка пользователей --- const fetchUsers = async () => { try { - setLoading(true); const fetchedUsers = await userService.getUsers(); - setUsers(fetchedUsers); + setUsers(fetchedUsers ?? []); setError(null); } catch (err) { - setError('Ошибка получения списка авторов'); - console.error('Ошибка получения списка авторов:', err); + console.error('Ошибка получения списка пользователей:', err); + setError('Ошибка получения списка пользователей'); + } + }; + + // --- Создание автора --- + const createAuthor = async (formData: AuthorFormData) => { + try { + setLoading(true); + const newAuthor = await authorService.createAuthor(formData); + setAuthors(prev => [...prev, newAuthor]); + setError(null); + } catch (err) { + console.error('Ошибка создания автора:', err); + setError('Ошибка создания автора'); + throw err; } finally { setLoading(false); } }; - const createAuthor = async (formData: AuthorFormData) => { - try { - const newAuthor = await authorService.createAuthor(formData); - setAuthors([...authors, newAuthor]); - setError(null); - } catch (err) { - setError('Ошибка создания автора'); - throw err; - } - }; - + // --- Обновление автора --- const updateAuthor = async (authorId: string, formData: AuthorFormData) => { try { + setLoading(true); const updatedAuthor = await authorService.updateAuthor(authorId, formData); - setAuthors(authors.map(author => author.id === authorId ? updatedAuthor : author)); + setAuthors(prev => + prev.map(author => (author.id === authorId ? updatedAuthor : author)) + ); setError(null); } catch (err) { - setError('Ошибка редакторования данных автора'); + console.error('Ошибка редактирования автора:', err); + setError('Ошибка редактирования автора'); throw err; + } finally { + setLoading(false); } }; + // --- Связывание пользователя с автором --- const linkUser = async (authorId: string, userId: string) => { try { await authorService.linkUser(authorId, userId); setError(null); + await fetchAuthors(selectedRole, currentPage); } catch (err) { + console.error('Ошибка связывания пользователя с автором:', err); setError('Ошибка связывания пользователя с автором'); throw err; } }; + // --- Отвязка пользователя от автора --- const unlinkUser = async (authorId: string) => { try { await authorService.unlinkUser(authorId); setError(null); + await fetchAuthors(selectedRole, currentPage); } catch (err) { + console.error('Ошибка отвязывания пользователя от автора:', err); setError('Ошибка отвязывания пользователя от автора'); throw err; } }; + // --- Перемещение автора вверх / вниз --- const orderMoveUp = async (authorId: string) => { - await authorService.reorderAuthor(authorId, 'up'); + try { + await authorService.reorderAuthor(authorId, 'up'); + await fetchAuthors(selectedRole, currentPage); + } catch (err) { + console.error('Ошибка изменения порядка авторов (вверх):', err); + setError('Ошибка изменения порядка авторов'); + } }; const orderMoveDown = async (authorId: string) => { - await authorService.reorderAuthor(authorId, 'down'); + try { + await authorService.reorderAuthor(authorId, 'down'); + await fetchAuthors(selectedRole, currentPage); + } catch (err) { + console.error('Ошибка изменения порядка авторов (вниз):', err); + setError('Ошибка изменения порядка авторов'); + } }; + // --- Активация / деактивация автора --- const toggleActive = async (authorId: string, isActive: boolean) => { try { - console.log(isActive); await authorService.toggleActive(authorId, isActive); setError(null); + await fetchAuthors(selectedRole, currentPage); } catch (err) { - setError('Ошибка отвязывания пользователя от автора'); + console.error('Ошибка переключения активности автора:', err); + setError('Ошибка изменения активности автора'); throw err; } }; + // --- Удаление автора --- const deleteAuthor = async (authorId: string) => { try { await authorService.deleteAuthor(authorId); - setAuthors(authors.filter(author => author.id !== authorId)); + setAuthors(prev => prev.filter(author => author.id !== authorId)); if (selectedAuthor?.id === authorId) { setSelectedAuthor(null); } setError(null); } catch (err) { + console.error('Ошибка удаления автора:', err); setError('Ошибка удаления автора'); throw err; } @@ -144,6 +178,6 @@ export function useAuthorManagement() { fetchAuthors, fetchUsers, setSelectedRole, - setCurrentPage + setCurrentPage, }; -} \ No newline at end of file +} diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index e47706b..25777d6 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -3,11 +3,12 @@ import { useSearchParams } from 'react-router-dom'; import { Header } from '../components/Header'; import { FeaturedSection } from '../components/FeaturedSection'; import { AuthorsSection } from '../components/AuthorsSection'; +import { BlogOwnerSectionFull } from '../components/BlogOwnerSectionFull'; import { BackgroundImages } from '../hooks/useBackgroundImage'; import { useScrollStore } from '../stores/scrollStore'; import { CategoryDescription, CategoryText, CategoryTitles } from '../types'; import { SEO } from '../components/SEO'; -import { MasterBio } from "../components/MasterBio"; +//import { MasterBio } from "../components/MasterBio"; export function HomePage() { @@ -94,7 +95,8 @@ export function HomePage() {

- + {/* */} +