diff --git a/frontend/app/components/Client/ProfileSettings/Licenses.js b/frontend/app/components/Client/ProfileSettings/Licenses.js index e35a8aa2b..1efb1f7bb 100644 --- a/frontend/app/components/Client/ProfileSettings/Licenses.js +++ b/frontend/app/components/Client/ProfileSettings/Licenses.js @@ -1,9 +1,15 @@ import React from 'react' +import { connect } from 'react-redux' -export default function Licenses() { +function Licenses({ account }) { return (
- License Number +
{account.license}
+
Expires At: {account.expirationDate && account.expirationDate.toFormat('LLL dd, yyyy')}
) } + +export default connect(state => ({ + account: state.getIn([ 'user', 'account' ]), +}))(Licenses) diff --git a/frontend/app/components/Client/ProfileSettings/ProfileSettings.js b/frontend/app/components/Client/ProfileSettings/ProfileSettings.js index ac04d53fe..1e6a31c59 100644 --- a/frontend/app/components/Client/ProfileSettings/ProfileSettings.js +++ b/frontend/app/components/Client/ProfileSettings/ProfileSettings.js @@ -53,8 +53,7 @@ export default class ProfileSettings extends React.PureComponent {
-

{ 'Licenses' }

- {/*
{ 'Your API key gives you access to an extra set of services.' }
*/} +

{ 'License' }

diff --git a/frontend/app/types/account/account.js b/frontend/app/types/account/account.js index a0c152bbb..42b0e9ac3 100644 --- a/frontend/app/types/account/account.js +++ b/frontend/app/types/account/account.js @@ -1,6 +1,7 @@ import Member from 'Types/member'; import Appearance from './appearance'; import Limit from './limit'; +import { DateTime } from 'luxon'; export default Member.extend({ changePassword: undefined, @@ -8,10 +9,14 @@ export default Member.extend({ limits: Limit(), banner: undefined, email: '', - verifiedEmail: undefined + verifiedEmail: undefined, + license: '', + expirationDate: undefined, }, { - fromJS: account => ({ + fromJS: ({ current = {}, ...account})=> ({ ...account, + license: current.license, + expirationDate: current.expirationDate && DateTime.fromMillis(current.expirationDate * 1000 || 0), appearance: Appearance(account.appearance), }) }); \ No newline at end of file