mirror of
https://github.com/standardnotes/app
synced 2026-10-19 09:03:16 -04:00
Antonella Sgarlatta
6c07fab9e9
* chore: set ttag for sign in and sign up strings * chore: set ttag for account menu and session actions * chore: set ttag for password change and re-encryption * chore: set ttag for import and export account data
43 lines
1.4 KiB
TypeScript
43 lines
1.4 KiB
TypeScript
import { observer } from 'mobx-react-lite'
|
|
import { User as UserType } from '@standardnotes/snjs'
|
|
import { useApplication } from '../ApplicationProvider'
|
|
import { c } from 'ttag'
|
|
|
|
const User = () => {
|
|
const application = useApplication()
|
|
|
|
const { server } = application.accountMenuController
|
|
const user = application.sessions.getUser() as UserType
|
|
|
|
return (
|
|
<div className="sk-panel-section">
|
|
{application.syncStatusController.errorMessage && (
|
|
<div className="sk-notification danger">
|
|
<div className="sk-notification-title">{c('Title').t`Sync Unreachable`}</div>
|
|
<div className="sk-notification-text">
|
|
{c('Error')
|
|
.t`Hmm...we can't seem to sync your account. The reason: ${application.syncStatusController.errorMessage}`}
|
|
</div>
|
|
<a
|
|
className="sk-a info-contrast sk-bold sk-panel-row"
|
|
href="https://standardnotes.com/help"
|
|
rel="noopener"
|
|
target="_blank"
|
|
>
|
|
{c('Action').t`Need help?`}
|
|
</a>
|
|
</div>
|
|
)}
|
|
<div className="sk-panel-row">
|
|
<div className="sk-panel-column">
|
|
<div className="sk-h1 sk-bold wrap">{user.email}</div>
|
|
<div className="sk-subtitle neutral">{server}</div>
|
|
</div>
|
|
</div>
|
|
<div className="sk-panel-row" />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default observer(User)
|