remove logo from gallery navbar
This commit is contained in:
parent
b8a19f53a0
commit
0a96aae04f
|
@ -4,13 +4,12 @@ import FileUploadOutlinedIcon from '@mui/icons-material/FileUploadOutlined';
|
|||
import { Button } from '@mui/material';
|
||||
import constants from 'utils/strings/constants';
|
||||
|
||||
const Wrapper = styled('div')<{ isDisabled: boolean }>`
|
||||
const Wrapper = styled('div')`
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: opacity 1s ease;
|
||||
cursor: pointer;
|
||||
opacity: ${(props) => (props.isDisabled ? 0 : 1)};
|
||||
& .mobile-button {
|
||||
display: none;
|
||||
}
|
||||
|
@ -25,12 +24,11 @@ const Wrapper = styled('div')<{ isDisabled: boolean }>`
|
|||
`;
|
||||
|
||||
interface Iprops {
|
||||
isFirstFetch: boolean;
|
||||
openUploader: () => void;
|
||||
}
|
||||
function UploadButton({ isFirstFetch, openUploader }: Iprops) {
|
||||
function UploadButton({ openUploader }: Iprops) {
|
||||
return (
|
||||
<Wrapper onClick={openUploader} isDisabled={isFirstFetch}>
|
||||
<Wrapper onClick={openUploader}>
|
||||
<Button
|
||||
className="desktop-button"
|
||||
color="secondary"
|
||||
|
|
|
@ -3,8 +3,6 @@ import NavbarBase from 'components/Navbar/base';
|
|||
import SidebarToggler from 'components/Navbar/SidebarToggler';
|
||||
import { getNonTrashedUniqueUserFiles } from 'utils/file';
|
||||
import SearchBar from 'components/Search/SearchBar';
|
||||
import { FluidContainer } from 'components/Container';
|
||||
import { EnteLogo } from 'components/EnteLogo';
|
||||
import { Collection } from 'types/collection';
|
||||
import { EnteFile } from 'types/file';
|
||||
import { UpdateSearch } from 'types/search';
|
||||
|
@ -23,7 +21,6 @@ interface Iprops {
|
|||
}
|
||||
export function GalleryNavbar({
|
||||
openSidebar,
|
||||
isFirstFetch,
|
||||
openUploader,
|
||||
isInSearchMode,
|
||||
collections,
|
||||
|
@ -35,27 +32,15 @@ export function GalleryNavbar({
|
|||
return (
|
||||
<NavbarBase sx={{ background: 'transparent', position: 'absolute' }}>
|
||||
{!isInSearchMode && <SidebarToggler openSidebar={openSidebar} />}
|
||||
|
||||
{isFirstFetch ? (
|
||||
<FluidContainer style={{ justifyContent: 'center' }}>
|
||||
<EnteLogo />
|
||||
</FluidContainer>
|
||||
) : (
|
||||
<SearchBar
|
||||
isInSearchMode={isInSearchMode}
|
||||
setIsInSearchMode={setIsInSearchMode}
|
||||
collections={collections}
|
||||
files={getNonTrashedUniqueUserFiles(files)}
|
||||
setActiveCollection={setActiveCollection}
|
||||
updateSearch={updateSearch}
|
||||
/>
|
||||
)}
|
||||
{!isInSearchMode && (
|
||||
<UploadButton
|
||||
isFirstFetch={isFirstFetch}
|
||||
openUploader={openUploader}
|
||||
/>
|
||||
)}
|
||||
<SearchBar
|
||||
isInSearchMode={isInSearchMode}
|
||||
setIsInSearchMode={setIsInSearchMode}
|
||||
collections={collections}
|
||||
files={getNonTrashedUniqueUserFiles(files)}
|
||||
setActiveCollection={setActiveCollection}
|
||||
updateSearch={updateSearch}
|
||||
/>
|
||||
{!isInSearchMode && <UploadButton openUploader={openUploader} />}
|
||||
</NavbarBase>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue