Fix library view for anonymous user
Some checks failed
Backend CI / build (3.12) (push) Has been cancelled
Frontend CI / build (18.x) (push) Has been cancelled

This commit is contained in:
IRBorisov 2024-06-14 21:43:37 +03:00
parent 5ddad91dbd
commit 255fe90ce7
2 changed files with 34 additions and 27 deletions

View File

@ -3,6 +3,7 @@
import { useCallback, useLayoutEffect, useMemo, useState } from 'react';
import DataLoader from '@/components/wrap/DataLoader';
import { useAuth } from '@/context/AuthContext';
import { useLibrary } from '@/context/LibraryContext';
import useLocalStorage from '@/hooks/useLocalStorage';
import { ILibraryItem, LocationHead } from '@/models/library';
@ -15,6 +16,7 @@ import SearchPanel from './SearchPanel';
function LibraryPage() {
const library = useLibrary();
const { user } = useAuth();
const [items, setItems] = useState<ILibraryItem[]>([]);
const [query, setQuery] = useState('');
@ -34,12 +36,12 @@ function LibraryPage() {
head: head,
path: path,
query: query,
isEditor: isEditor,
isOwned: isOwned,
isSubscribed: isSubscribed,
isVisible: isVisible
isEditor: user ? isEditor : undefined,
isOwned: user ? isOwned : undefined,
isSubscribed: user ? isSubscribed : undefined,
isVisible: user ? isVisible : true
}),
[head, path, query, isEditor, isOwned, isSubscribed, isVisible]
[head, path, query, isEditor, isOwned, isSubscribed, isVisible, user]
);
useLayoutEffect(() => {

View File

@ -11,6 +11,7 @@ import DropdownButton from '@/components/ui/DropdownButton';
import MiniButton from '@/components/ui/MiniButton';
import SearchBar from '@/components/ui/SearchBar';
import SelectorButton from '@/components/ui/SelectorButton';
import { useAuth } from '@/context/AuthContext';
import useDropdown from '@/hooks/useDropdown';
import { LocationHead } from '@/models/library';
import { HelpTopic } from '@/models/miscellaneous';
@ -58,6 +59,7 @@ function SearchPanel({
isEditor,
toggleEditor
}: SearchPanelProps) {
const { user } = useAuth();
const headMenu = useDropdown();
const handleChange = useCallback(
@ -83,6 +85,7 @@ function SearchPanel({
{filtered} из {total}
</div>
{user ? (
<div className='cc-icons'>
<MiniButton
title='Видимость'
@ -94,6 +97,7 @@ function SearchPanel({
icon={<SubscribeIcon value={true} className={tripleToggleColor(isSubscribed)} />}
onClick={toggleSubscribed}
/>
<MiniButton
title='Я - Владелец'
icon={<IconOwner size='1.25rem' className={tripleToggleColor(isOwned)} />}
@ -106,6 +110,7 @@ function SearchPanel({
onClick={toggleEditor}
/>
</div>
) : null}
<div className='flex items-center h-full mx-auto'>
<SearchBar