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

reorder items in sidebar

Browse source
This commit is contained in:
abhinav-grd 2021-09-24 11:47:16 +05:30
parent 1bf346a835
commit 4ebd471c49
1 changed files with 29 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
src/components/Sidebar.tsx
View file

@ -110,6 +110,17 @@ export default function Sidebar(props: Props) {
setIsOpen(false); setIsOpen(false);
galleryContext.showPlanSelectorModal(); galleryContext.showPlanSelectorModal();
} }
const Divider = () => (
<div
style={{
height: '1px',
marginTop: '40px',
background: '#242424',
width: '100%',
}}
/>
);
return ( return (
<Menu <Menu
isOpen={isOpen} isOpen={isOpen}
@ -201,23 +212,14 @@ export default function Sidebar(props: Props) {
)} )}
</div> </div>
</div> </div>
<div <Divider />
style={{
height: '1px',
marginTop: '40px',
background: '#242424',
width: '100%',
}}
/>
<LinkButton <LinkButton
style={{ marginTop: '30px' }} style={{ marginTop: '30px' }}
onClick={openFeedbackURL}> onClick={() => {
{constants.REQUEST_FEATURE} galleryContext.setActiveCollection(ARCHIVE_SECTION);
</LinkButton> setIsOpen(false);
<LinkButton }}>
style={{ marginTop: '30px' }} {constants.ARCHIVE}
onClick={() => initiateEmail('contact@ente.io')}>
{constants.SUPPORT}
</LinkButton> </LinkButton>
<> <>
<RecoveryKeyModal <RecoveryKeyModal
@ -264,6 +266,17 @@ export default function Sidebar(props: Props) {
}}> }}>
{constants.UPDATE_EMAIL} {constants.UPDATE_EMAIL}
</LinkButton> </LinkButton>
<Divider />
<LinkButton
style={{ marginTop: '30px' }}
onClick={openFeedbackURL}>
{constants.REQUEST_FEATURE}
</LinkButton>
<LinkButton
style={{ marginTop: '30px' }}
onClick={() => initiateEmail('contact@ente.io')}>
{constants.SUPPORT}
</LinkButton>
<> <>
<ExportModal <ExportModal
show={exportModalView} show={exportModalView}
@ -282,22 +295,7 @@ export default function Sidebar(props: Props) {
</div> </div>
</LinkButton> </LinkButton>
</> </>
<LinkButton <Divider />
style={{ marginTop: '30px' }}
onClick={() => {
galleryContext.setActiveCollection(ARCHIVE_SECTION);
setIsOpen(false);
}}>
{constants.ARCHIVE}
</LinkButton>
<div
style={{
height: '1px',
marginTop: '40px',
background: '#242424',
width: '100%',
}}
/>
<LinkButton <LinkButton
variant="danger" variant="danger"
style={{ marginTop: '30px' }} style={{ marginTop: '30px' }}