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