Merge pull request #407 from HarperDB/stage

Merge stage into main - unpaid ram update

Author: Devin-Holland

package.json

@@ -1,6 +1,6 @@
 {
   "name": "harperdb-studio",
-  "version": "4.6.2",
+  "version": "4.6.3",
   "description": "A UI for HarperDB",
   "deploymentUrl": "studio.harperdb.io",
   "private": true,
@@ -86,4 +86,4 @@
     "typescript": "^5.6.2"
   },
   "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-}
+}

src/components/instance/config/UpdateRAM.js

@@ -29,6 +29,7 @@ function UpdateRAM({ setInstanceAction, showPrepaidCompute }) {
   const is_wavelength = useStoreState(instanceState, (s) => s.wavelength_zone_id);
   const compute_subscription_id = useStoreState(instanceState, (s) => s.compute_subscription_id);
   const is_being_modified = useStoreState(instanceState, (s) => !['CREATE_COMPLETE', 'UPDATE_COMPLETE'].includes(s.status));
+  const is_unpaid = useStoreState(appState, (s) => s.customer?.is_unpaid)
 
   const filteredProducts = useStoreState(appState, (s) => s.products[is_local ? 'local_compute' : is_wavelength ? 'wavelength_compute' : 'cloud_compute']);
   const filteredSubscriptions = useStoreState(appState, (s) =>
@@ -128,7 +129,7 @@ function UpdateRAM({ setInstanceAction, showPrepaidCompute }) {
             onClick={() => navigate(`/o/${customer_id}/billing?returnURL=/${customer_id}/i/${compute_stack_id}/config`)}
           />
         </div>
-      ) : hasChanged && (storage?.storage_price || formData?.compute_price) && !hasCard ? (
+      ) : hasChanged && (storage?.storage_price || formData?.compute_price) && !hasCard && !is_unpaid ? (
         <VisitCard
           disabled={!hasChanged || formState.submitted}
           label="Add Credit Card To Account"