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