91 lines
1.9 KiB
TypeScript
91 lines
1.9 KiB
TypeScript
// @ts-nocheck
|
|
import React from 'react';
|
|
import { Icon, For, FormattedMessage as T } from '@/components';
|
|
|
|
import { getFooterLinks } from '@/constants/footerLinks';
|
|
import { useAuthActions } from '@/hooks/state';
|
|
|
|
/**
|
|
* Footer item link.
|
|
*/
|
|
function FooterLinkItem({ title, link }) {
|
|
return (
|
|
<div class="content__links-item">
|
|
<a href={link} target="_blank">
|
|
{title}
|
|
</a>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Setup left section footer.
|
|
*/
|
|
function SetupLeftSectionFooter() {
|
|
// Retrieve the footer links.
|
|
const footerLinks = getFooterLinks();
|
|
|
|
return (
|
|
<div className={'content__footer'}>
|
|
<div className={'content__links'}>
|
|
<For render={FooterLinkItem} of={footerLinks} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Setup left section header.
|
|
*/
|
|
function SetupLeftSectionHeader() {
|
|
const { setLogout } = useAuthActions();
|
|
|
|
// Handle logout link click.
|
|
const onClickLogout = () => {
|
|
setLogout();
|
|
};
|
|
|
|
return (
|
|
<div className={'content__header'}>
|
|
<h1 className={'content__title'}>
|
|
<T id={'setup.left_side.title'} />
|
|
</h1>
|
|
|
|
<p className={'content__text'}>
|
|
<T id={'setup.left_side.description'} />
|
|
</p>
|
|
<div class="content__divider"></div>
|
|
|
|
<div className={'content__organization'}>
|
|
<span class="signout">
|
|
<a onClick={onClickLogout} href="#">
|
|
<T id={'sign_out'} />
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Wizard setup left section.
|
|
*/
|
|
export default function SetupLeftSection() {
|
|
return (
|
|
<section className={'setup-page__left-section'}>
|
|
<div className={'content'}>
|
|
<div className={'content__logo'}>
|
|
<Icon
|
|
icon="bigcapital"
|
|
className={'bigcapital--alt'}
|
|
height={37}
|
|
width={190}
|
|
/>
|
|
</div>
|
|
<SetupLeftSectionHeader />
|
|
<SetupLeftSectionFooter />
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|