mirror of
https://github.com/IRBorisov/ConceptPortal.git
synced 2025-06-26 13:00:39 +03:00
Fix library view for anonymous user
This commit is contained in:
parent
5ddad91dbd
commit
255fe90ce7
|
@ -3,6 +3,7 @@
|
||||||
import { useCallback, useLayoutEffect, useMemo, useState } from 'react';
|
import { useCallback, useLayoutEffect, useMemo, useState } from 'react';
|
||||||
|
|
||||||
import DataLoader from '@/components/wrap/DataLoader';
|
import DataLoader from '@/components/wrap/DataLoader';
|
||||||
|
import { useAuth } from '@/context/AuthContext';
|
||||||
import { useLibrary } from '@/context/LibraryContext';
|
import { useLibrary } from '@/context/LibraryContext';
|
||||||
import useLocalStorage from '@/hooks/useLocalStorage';
|
import useLocalStorage from '@/hooks/useLocalStorage';
|
||||||
import { ILibraryItem, LocationHead } from '@/models/library';
|
import { ILibraryItem, LocationHead } from '@/models/library';
|
||||||
|
@ -15,6 +16,7 @@ import SearchPanel from './SearchPanel';
|
||||||
|
|
||||||
function LibraryPage() {
|
function LibraryPage() {
|
||||||
const library = useLibrary();
|
const library = useLibrary();
|
||||||
|
const { user } = useAuth();
|
||||||
const [items, setItems] = useState<ILibraryItem[]>([]);
|
const [items, setItems] = useState<ILibraryItem[]>([]);
|
||||||
|
|
||||||
const [query, setQuery] = useState('');
|
const [query, setQuery] = useState('');
|
||||||
|
@ -34,12 +36,12 @@ function LibraryPage() {
|
||||||
head: head,
|
head: head,
|
||||||
path: path,
|
path: path,
|
||||||
query: query,
|
query: query,
|
||||||
isEditor: isEditor,
|
isEditor: user ? isEditor : undefined,
|
||||||
isOwned: isOwned,
|
isOwned: user ? isOwned : undefined,
|
||||||
isSubscribed: isSubscribed,
|
isSubscribed: user ? isSubscribed : undefined,
|
||||||
isVisible: isVisible
|
isVisible: user ? isVisible : true
|
||||||
}),
|
}),
|
||||||
[head, path, query, isEditor, isOwned, isSubscribed, isVisible]
|
[head, path, query, isEditor, isOwned, isSubscribed, isVisible, user]
|
||||||
);
|
);
|
||||||
|
|
||||||
useLayoutEffect(() => {
|
useLayoutEffect(() => {
|
||||||
|
|
|
@ -11,6 +11,7 @@ import DropdownButton from '@/components/ui/DropdownButton';
|
||||||
import MiniButton from '@/components/ui/MiniButton';
|
import MiniButton from '@/components/ui/MiniButton';
|
||||||
import SearchBar from '@/components/ui/SearchBar';
|
import SearchBar from '@/components/ui/SearchBar';
|
||||||
import SelectorButton from '@/components/ui/SelectorButton';
|
import SelectorButton from '@/components/ui/SelectorButton';
|
||||||
|
import { useAuth } from '@/context/AuthContext';
|
||||||
import useDropdown from '@/hooks/useDropdown';
|
import useDropdown from '@/hooks/useDropdown';
|
||||||
import { LocationHead } from '@/models/library';
|
import { LocationHead } from '@/models/library';
|
||||||
import { HelpTopic } from '@/models/miscellaneous';
|
import { HelpTopic } from '@/models/miscellaneous';
|
||||||
|
@ -58,6 +59,7 @@ function SearchPanel({
|
||||||
isEditor,
|
isEditor,
|
||||||
toggleEditor
|
toggleEditor
|
||||||
}: SearchPanelProps) {
|
}: SearchPanelProps) {
|
||||||
|
const { user } = useAuth();
|
||||||
const headMenu = useDropdown();
|
const headMenu = useDropdown();
|
||||||
|
|
||||||
const handleChange = useCallback(
|
const handleChange = useCallback(
|
||||||
|
@ -83,6 +85,7 @@ function SearchPanel({
|
||||||
{filtered} из {total}
|
{filtered} из {total}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{user ? (
|
||||||
<div className='cc-icons'>
|
<div className='cc-icons'>
|
||||||
<MiniButton
|
<MiniButton
|
||||||
title='Видимость'
|
title='Видимость'
|
||||||
|
@ -94,6 +97,7 @@ function SearchPanel({
|
||||||
icon={<SubscribeIcon value={true} className={tripleToggleColor(isSubscribed)} />}
|
icon={<SubscribeIcon value={true} className={tripleToggleColor(isSubscribed)} />}
|
||||||
onClick={toggleSubscribed}
|
onClick={toggleSubscribed}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<MiniButton
|
<MiniButton
|
||||||
title='Я - Владелец'
|
title='Я - Владелец'
|
||||||
icon={<IconOwner size='1.25rem' className={tripleToggleColor(isOwned)} />}
|
icon={<IconOwner size='1.25rem' className={tripleToggleColor(isOwned)} />}
|
||||||
|
@ -106,6 +110,7 @@ function SearchPanel({
|
||||||
onClick={toggleEditor}
|
onClick={toggleEditor}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
) : null}
|
||||||
|
|
||||||
<div className='flex items-center h-full mx-auto'>
|
<div className='flex items-center h-full mx-auto'>
|
||||||
<SearchBar
|
<SearchBar
|
||||||
|
|
Loading…
Reference in New Issue
Block a user