Remove project id from modal

dashboard/src/main/home/modals/BillingModal.tsx

@@ -1,4 +1,4 @@
-import React, { Component, useEffect, useState } from "react";
+import React from "react";
 import { Elements } from "@stripe/react-stripe-js";
 import { loadStripe } from "@stripe/stripe-js";
 import styled from "styled-components";
@@ -11,9 +11,7 @@ import PaymentSetupForm from "./PaymentSetupForm";
 
 const stripePromise = loadStripe(process.env.STRIPE_PUBLISHABLE_KEY || "");
 
-const BillingModal = ({ project_id, back, onCreate }) => {
-  const { setCurrentModal } = useContext(Context);
-
+const BillingModal = ({ back, onCreate }) => {
   const appearance = {
     variables: {
       colorPrimary: "#aaaabb",
@@ -49,10 +47,7 @@ const BillingModal = ({ project_id, back, onCreate }) => {
           options={options}
           appearance={appearance}
         >
-          <PaymentSetupForm
-            projectId={project_id}
-            onCreate={onCreate}
-          ></PaymentSetupForm>
+          <PaymentSetupForm onCreate={onCreate}></PaymentSetupForm>
         </Elements>
       </div>
     </>

dashboard/src/main/home/modals/PaymentSetupForm.tsx

@@ -10,12 +10,7 @@ import Error from "components/porter/Error";
 import SaveButton from "components/SaveButton";
 import { useCreatePaymentMethod } from "lib/hooks/useStripe";
 
-const PaymentSetupForm = ({
-  onCreate,
-}: {
-  projectId: number;
-  onCreate: () => void;
-}) => {
+const PaymentSetupForm = ({ onCreate }: { onCreate: () => void }) => {
   const stripe = useStripe();
   const elements = useElements();
 

dashboard/src/main/home/project-settings/ProjectSettings.tsx

@@ -85,12 +85,12 @@ function ProjectSettings(props: any) {
         });
       }
 
-      // if (currentProject?.billing_enabled) {
-      tabOpts.push({
-        value: "billing",
-        label: "Billing",
-      });
-      // }
+      if (currentProject?.billing_enabled) {
+        tabOpts.push({
+          value: "billing",
+          label: "Billing",
+        });
+      }
 
       tabOpts.push({
         value: "additional-settings",