fix for bug when Team has no stripeSubscription, VS editor settings

.prettierrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  printWidth: 100
+};

.vscode/settings.json

@@ -1,25 +1,15 @@
 {
-  "files.watcherExclude": {
-    "**/.next/**": true,
-    "**/.git/objects/**": true,
-    "**/.git/subtree-cache/**": true,
-    "**/node_modules/**": true
-  },
-  "search.exclude": {
-    "**/.next": true,
-    "**/yarn.lock": true,
-    "**/dist": true,
-    "**/node_modules": true,
-    "**/.meteor": true,
-    "**/bower_components": true
-  },
+  "window.zoomLevel": 0,
+  "files.autoSave": "afterDelay",
+  "git.enableSmartCommit": true,
+  "git.autofetch": true,
   "editor.formatOnSave": true,
-  "prettier.eslintIntegration": true,
-  "editor.minimap.enabled": false,
-  "editor.wordWrap": "on",
-  "typescript.experimental.syntaxFolding": false,
   "editor.detectIndentation": false,
   "editor.tabSize": 2,
-  "git.enableSmartCommit": true,
-  "git.autofetch": true
+  "eslint.autoFixOnSave": true,
+  "prettier.eslintIntegration": true,
+  "typescript.updateImportsOnFileMove.enabled": "never",
+  "tslint.enable": true,
+  "tslint.autoFixOnSave": true,
+  "prettier.tslintIntegration": true,
 }

api/server/api/team-leader.ts

@@ -139,6 +139,8 @@ router.post('/subscribe-team', async (req, res, next) => {
       teamId,
     });
 
+    await User.getListOfInvoicesForCustomer({ userId: req.user.id });
+
     res.json({ isSubscriptionActive, stripeSubscription });
   } catch (err) {
     next(err);

api/server/models/Team.ts

@@ -226,8 +226,6 @@ class TeamClass extends mongoose.Model {
       teamLeaderId,
     });
 
-    await User.getListOfInvoicesForCustomer({ userId: teamLeaderId });
-
     return this.findByIdAndUpdate(
       teamId,
       {

api/server/models/User.ts

@@ -380,6 +380,8 @@ class UserClass extends mongoose.Model {
       'slug',
       'isGithubConnected',
       'defaultTeamSlug',
+      'hasCardInformation',
+      'stripeCustomer',
       'stripeCard',
       'stripeListOfInvoices',
     ];

app/pages/settings/your-profile.tsx

@@ -29,7 +29,7 @@ const styleGrid = {
 };
 
 type MyProps = { store: Store; isTL: boolean; error?: string };
-type MyState = { newName: string; newAvatarUrl: string; disabled: boolean; showInvoices: boolean; };
+type MyState = { newName: string; newAvatarUrl: string; disabled: boolean; showInvoices: boolean };
 
 class YourProfile extends React.Component<MyProps, MyState> {
   public static getInitialProps({ query }) {
@@ -176,11 +176,7 @@ class YourProfile extends React.Component<MyProps, MyState> {
             <p />
             <br />
             <h4>Payment history</h4>
-            <Button
-              variant="outlined"
-              color="primary"
-              onClick={this.showListOfInvoicesOnClick}
-            >
+            <Button variant="outlined" color="primary" onClick={this.showListOfInvoicesOnClick}>
               Show payment history
             </Button>
             {this.renderInvoices()}
@@ -225,13 +221,9 @@ class YourProfile extends React.Component<MyProps, MyState> {
                 <p>Your history of payments:</p>
                 <li key={i}>
                   ${invoice.amount_paid / 100} was paid on{' '}
-                  {moment(invoice.date * 1000).format('MMM Do YYYY')}{' '}
-                  for Team '{invoice.teamName}' -{' '}
-                  <a
-                    href={invoice.hosted_invoice_url}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
+                  {moment(invoice.date * 1000).format('MMM Do YYYY')} for Team '{invoice.teamName}'
+                  -{' '}
+                  <a href={invoice.hosted_invoice_url} target="_blank" rel="noopener noreferrer">
                     See invoice
                   </a>
                 </li>