beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

remove logo from gallery navbar

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/Upload/UploadButton.tsx
View file

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

33
src/components/pages/gallery/Navbar.tsx
View file

@ -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,27 +32,15 @@ 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} />}
<SearchBar
{isFirstFetch ? ( isInSearchMode={isInSearchMode}
<FluidContainer style={{ justifyContent: 'center' }}> setIsInSearchMode={setIsInSearchMode}
<EnteLogo /> collections={collections}
</FluidContainer> files={getNonTrashedUniqueUserFiles(files)}
) : ( setActiveCollection={setActiveCollection}
<SearchBar updateSearch={updateSearch}
isInSearchMode={isInSearchMode} />
setIsInSearchMode={setIsInSearchMode} {!isInSearchMode && <UploadButton openUploader={openUploader} />}
collections={collections}
files={getNonTrashedUniqueUserFiles(files)}
setActiveCollection={setActiveCollection}
updateSearch={updateSearch}
/>
)}
{!isInSearchMode && (
<UploadButton
isFirstFetch={isFirstFetch}
openUploader={openUploader}
/>
)}
</NavbarBase> </NavbarBase>
); );
} }