aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/settings/account/AccountDashboard.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/settings/account/AccountDashboard.js')
-rw-r--r--src/components/settings/account/AccountDashboard.js75
1 files changed, 18 insertions, 57 deletions
diff --git a/src/components/settings/account/AccountDashboard.js b/src/components/settings/account/AccountDashboard.js
index 9c9543749..181b95c8c 100644
--- a/src/components/settings/account/AccountDashboard.js
+++ b/src/components/settings/account/AccountDashboard.js
@@ -44,10 +44,6 @@ const messages = defineMessages({
44 id: 'settings.account.accountType.premium', 44 id: 'settings.account.accountType.premium',
45 defaultMessage: '!!!Premium Supporter Account', 45 defaultMessage: '!!!Premium Supporter Account',
46 }, 46 },
47 accountTypeEnterprise: {
48 id: 'settings.account.accountType.enterprise',
49 defaultMessage: '!!!Enterprise Account',
50 },
51 accountEditButton: { 47 accountEditButton: {
52 id: 'settings.account.account.editButton', 48 id: 'settings.account.account.editButton',
53 defaultMessage: '!!!Edit Account', 49 defaultMessage: '!!!Edit Account',
@@ -169,15 +165,9 @@ export default @observer class AccountDashboard extends Component {
169 {user.organization && `${user.organization}, `} 165 {user.organization && `${user.organization}, `}
170 {user.email} 166 {user.email}
171 <br /> 167 <br />
172 {!user.isEnterprise && !user.isPremium && (
173 <span className="badge badge">{intl.formatMessage(messages.accountTypeBasic)}</span>
174 )}
175 {user.isPremium && ( 168 {user.isPremium && (
176 <span className="badge badge--premium">{intl.formatMessage(messages.accountTypePremium)}</span> 169 <span className="badge badge--premium">{intl.formatMessage(messages.accountTypePremium)}</span>
177 )} 170 )}
178 {user.isEnterprise && (
179 <span className="badge badge--success">{intl.formatMessage(messages.accountTypeEnterprise)}</span>
180 )}
181 </div> 171 </div>
182 <Link to="/settings/user/edit" className="button"> 172 <Link to="/settings/user/edit" className="button">
183 {intl.formatMessage(messages.accountEditButton)} 173 {intl.formatMessage(messages.accountEditButton)}
@@ -235,34 +225,7 @@ export default @observer class AccountDashboard extends Component {
235 ) 225 )
236 )} 226 )}
237 227
238 {user.isEnterprise && ( 228 {!user.isPremium && (
239 <div className="account">
240 <div className="account__box">
241 <h2>{user.company.name}</h2>
242 <p>
243 Technical contact:&nbsp;
244 <Link
245 className="link"
246 target="_blank"
247 to={`mailto:${user.company.contact.technical}?subject=Franz`}
248 >
249 {user.company.contact.technical}
250 </Link>
251 <br />
252 General contact:&nbsp;
253 <Link
254 className="link"
255 target="_blank"
256 to={`mailto:${user.company.contact.default}?subject=Franz`}
257 >
258 {user.company.contact.default}
259 </Link>
260 </p>
261 </div>
262 </div>
263 )}
264
265 {!user.isEnterprise && !user.isPremium && (
266 isLoadingPlans ? ( 229 isLoadingPlans ? (
267 <Loader /> 230 <Loader />
268 ) : ( 231 ) : (
@@ -277,27 +240,25 @@ export default @observer class AccountDashboard extends Component {
277 ) 240 )
278 )} 241 )}
279 242
280 {!user.isEnterprise && ( 243 <div className="account franz-form">
281 <div className="account franz-form"> 244 <div className="account__box">
282 <div className="account__box"> 245 <h2>{intl.formatMessage(messages.headlineDangerZone)}</h2>
283 <h2>{intl.formatMessage(messages.headlineDangerZone)}</h2> 246 {!isDeleteAccountSuccessful && (
284 {!isDeleteAccountSuccessful && ( 247 <div className="account__subscription">
285 <div className="account__subscription"> 248 <p>{intl.formatMessage(messages.deleteInfo)}</p>
286 <p>{intl.formatMessage(messages.deleteInfo)}</p> 249 <Button
287 <Button 250 label={intl.formatMessage(messages.deleteAccount)}
288 label={intl.formatMessage(messages.deleteAccount)} 251 buttonType="danger"
289 buttonType="danger" 252 onClick={() => deleteAccount()}
290 onClick={() => deleteAccount()} 253 loaded={!isLoadingDeleteAccount}
291 loaded={!isLoadingDeleteAccount} 254 />
292 />
293 </div>
294 )}
295 {isDeleteAccountSuccessful && (
296 <p>{intl.formatMessage(messages.deleteEmailSent)}</p>
297 )}
298 </div> 255 </div>
256 )}
257 {isDeleteAccountSuccessful && (
258 <p>{intl.formatMessage(messages.deleteEmailSent)}</p>
259 )}
299 </div> 260 </div>
300 )} 261 </div>
301 </Fragment> 262 </Fragment>
302 )} 263 )}
303 </div> 264 </div>