103 lines
3.5 KiB
TypeScript
103 lines
3.5 KiB
TypeScript
|
import { ForumCategory, ForumPost, ForumTopic } from '@/proxy/forum/forum'
|
|||
|
|
import { useStoreState } from '@/store/store'
|
|||
|
|
import React, { useState, useEffect } from 'react'
|
|||
|
|
import { useForumData } from './useForumData'
|
|||
|
|
import { AdminView } from './admin/AdminView'
|
|||
|
|
|
|||
|
|
export function Management() {
|
|||
|
|
const { user, tenantId } = useStoreState((state) => state.auth)
|
|||
|
|
const {
|
|||
|
|
categories,
|
|||
|
|
topics,
|
|||
|
|
posts,
|
|||
|
|
loading,
|
|||
|
|
error,
|
|||
|
|
createCategory,
|
|||
|
|
updateCategory,
|
|||
|
|
deleteCategory,
|
|||
|
|
createTopic,
|
|||
|
|
updateTopic,
|
|||
|
|
deleteTopic,
|
|||
|
|
pinTopic,
|
|||
|
|
unpinTopic,
|
|||
|
|
lockTopic,
|
|||
|
|
unlockTopic,
|
|||
|
|
markTopicAsSolved,
|
|||
|
|
markTopicAsUnsolved,
|
|||
|
|
createPost,
|
|||
|
|
updatePost,
|
|||
|
|
deletePost,
|
|||
|
|
markPostAsAcceptedAnswer,
|
|||
|
|
unmarkPostAsAcceptedAnswer,
|
|||
|
|
clearError,
|
|||
|
|
} = useForumData()
|
|||
|
|
|
|||
|
|
const [selectedCategory, setSelectedCategory] = useState<ForumCategory | null>(null)
|
|||
|
|
const [selectedTopic, setSelectedTopic] = useState<ForumTopic | null>(null)
|
|||
|
|
const [forumViewState, setForumViewState] = useState<'categories' | 'topics' | 'posts'>(
|
|||
|
|
'categories',
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
useEffect(() => {
|
|||
|
|
const handleKeyDown = (e: KeyboardEvent) => {
|
|||
|
|
if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
|
|||
|
|
e.preventDefault()
|
|||
|
|
// Search modal will be opened by Header component
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
document.addEventListener('keydown', handleKeyDown)
|
|||
|
|
return () => document.removeEventListener('keydown', handleKeyDown)
|
|||
|
|
}, [])
|
|||
|
|
|
|||
|
|
useEffect(() => {
|
|||
|
|
if (error) {
|
|||
|
|
const timer = setTimeout(() => {
|
|||
|
|
clearError()
|
|||
|
|
}, 5000)
|
|||
|
|
return () => clearTimeout(timer)
|
|||
|
|
}
|
|||
|
|
}, [error, clearError])
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<div className="min-h-screen bg-gray-50">
|
|||
|
|
{error && (
|
|||
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
|
|||
|
|
<div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative">
|
|||
|
|
<strong className="font-bold">Error: </strong>
|
|||
|
|
<span className="block sm:inline">{error}</span>
|
|||
|
|
<button onClick={clearError} className="absolute top-0 bottom-0 right-0 px-4 py-3">
|
|||
|
|
<span className="sr-only">Dismiss</span>×
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
)}
|
|||
|
|
|
|||
|
|
<AdminView
|
|||
|
|
categories={categories}
|
|||
|
|
topics={topics}
|
|||
|
|
posts={posts}
|
|||
|
|
loading={loading}
|
|||
|
|
onCreateCategory={(data) => createCategory(data).then(() => {})}
|
|||
|
|
onUpdateCategory={(id, data) => updateCategory(id, data).then(() => {})}
|
|||
|
|
onDeleteCategory={(id) => deleteCategory(id).then(() => {})}
|
|||
|
|
onCreateTopic={(data) => createTopic(data).then(() => {})}
|
|||
|
|
onUpdateTopic={(id, data) => updateTopic(id, data).then(() => {})}
|
|||
|
|
onDeleteTopic={(id) => deleteTopic(id).then(() => {})}
|
|||
|
|
onPinTopic={(id) => pinTopic(id).then(() => {})}
|
|||
|
|
onUnpinTopic={(id) => unpinTopic(id).then(() => {})}
|
|||
|
|
onLockTopic={(id) => lockTopic(id).then(() => {})}
|
|||
|
|
onUnlockTopic={(id) => unlockTopic(id).then(() => {})}
|
|||
|
|
onMarkTopicAsSolved={(id) => markTopicAsSolved(id).then(() => {})}
|
|||
|
|
onMarkTopicAsUnsolved={(id) => markTopicAsUnsolved(id).then(() => {})}
|
|||
|
|
onCreatePost={(data) => createPost(data).then(() => {})}
|
|||
|
|
onUpdatePost={(id, data) => updatePost(id, data).then(() => {})}
|
|||
|
|
onDeletePost={(id) => deletePost(id).then(() => {})}
|
|||
|
|
onMarkPostAsAcceptedAnswer={(id) => markPostAsAcceptedAnswer(id).then(() => {})}
|
|||
|
|
onUnmarkPostAsAcceptedAnswer={(id) => unmarkPostAsAcceptedAnswer(id).then(() => {})}
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default Management
|