reorder items in sidebar
This commit is contained in:
parent
1bf346a835
commit
4ebd471c49
|
@ -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' }}
|
||||||
|
|
Loading…
Reference in a new issue