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