remove logo from gallery navbar

This commit is contained in:
Abhinav 2022-07-05 19:56:31 +05:30
parent b8a19f53a0
commit 0a96aae04f
2 changed files with 12 additions and 29 deletions

View file

@ -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"

View file

@ -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>
);
}