diff --git a/frontend/src/App.css b/frontend/src/App.css index 6448b72..b62c032 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -239,6 +239,16 @@ padding: 8px 12px; } +.category-row-virtual { + background: #f7f7f7; + border-style: dashed; + color: #888; +} + +.category-row-virtual .reorder-buttons { + width: 14px; +} + .reorder-buttons { display: flex; flex-direction: column; diff --git a/frontend/src/pages/Categories.tsx b/frontend/src/pages/Categories.tsx index e7b415c..d5ed522 100644 --- a/frontend/src/pages/Categories.tsx +++ b/frontend/src/pages/Categories.tsx @@ -5,6 +5,7 @@ import { createCategory, deleteCategory, listCategories, + listChannels, reorderCategories, updateCategory, } from '../api/client' @@ -16,6 +17,10 @@ function Categories() { const [editingName, setEditingName] = useState('') const categoriesQuery = useQuery({ queryKey: ['categories'], queryFn: listCategories }) + const uncategorizedQuery = useQuery({ + queryKey: ['channels', 'uncategorized-count'], + queryFn: () => listChannels({ subscribed: true, uncategorized: true }), + }) const invalidate = () => { queryClient.invalidateQueries({ queryKey: ['categories'] }) @@ -85,6 +90,14 @@ function Categories() { {createMutation.isError &&

{(createMutation.error as Error).message}

}