diff --git a/src/assets/styles/components/_code.scss b/src/assets/styles/components/_code.scss index 4e27d5643..2be324c60 100644 --- a/src/assets/styles/components/_code.scss +++ b/src/assets/styles/components/_code.scss @@ -3,7 +3,7 @@ .copy-icon { background: $faint-white-overlay; - border-radius: 0 $border-radius 0 $border-radius; + border-radius: 0 $border-radius; color: $color-white; cursor: copy; padding: 4px; diff --git a/src/components/instances/new/DetailsCloud.js b/src/components/instances/new/DetailsCloud.js index 44210ce41..1a9441da8 100644 --- a/src/components/instances/new/DetailsCloud.js +++ b/src/components/instances/new/DetailsCloud.js @@ -20,7 +20,7 @@ function DetailsCloud() { const unusedCompute = useStoreState(appState, (s) => s.subscriptions?.cloud_compute?.filter((p) => p.value.active && p.value.compute_quantity_available) || []); const unusedStorage = useStoreState( appState, - (s) => s.subscriptions?.cloud_storage?.filter((p) => p.value.active && p.value.storage_quantity_available >= p.value.data_volume_size) || [] + (s) => s.subscriptions?.cloud_storage?.filter((p) => p.value.active && p.value.storage_quantity_available >= p.value.data_volume_size) || [], ); const products = useStoreState( appState, @@ -28,28 +28,33 @@ function DetailsCloud() { newInstance.cloud_provider === 'lumen' ? s.products.lumen_compute?.filter((p) => p.value.active) || [] : newInstance.cloud_provider === 'verizon' - ? s.products.wavelength_compute?.filter((p) => p.value.active) || [] - : newInstance.cloud_provider === 'akamai' - ? s.products.akamai_compute?.filter((p) => p.value.active) || [] - : newInstance.showPrepaidCompute - ? unusedCompute - : s.products.cloud_compute.filter((p) => p.value.active), - [newInstance.showPrepaidCompute] + ? s.products.wavelength_compute?.filter((p) => p.value.active) || [] + : newInstance.cloud_provider === 'akamai' + ? s.products.akamai_compute?.filter((p) => p.value.active) || [] + : newInstance.showPrepaidCompute + ? unusedCompute + : s.products.cloud_compute.filter((p) => p.value.active), + [newInstance.showPrepaidCompute], ); const storage = useStoreState( appState, - (s) => (newInstance.cloud_provider === 'lumen' ? false : newInstance.showPrepaidStorage ? unusedStorage : s.products.cloud_storage.filter((p) => p.value.active)), - [newInstance.showPrepaidStorage] + (s) => + newInstance.cloud_provider === 'lumen' || newInstance.cloud_provider === 'akamai' + ? false + : newInstance.showPrepaidStorage + ? unusedStorage + : s.products.cloud_storage.filter((p) => p.value.active), + [newInstance.showPrepaidStorage], ); const regions = useStoreState(appState, (s) => newInstance.cloud_provider === 'lumen' ? [] : newInstance.cloud_provider === 'verizon' - ? s.wavelengthRegions - : newInstance.cloud_provider === 'akamai' - ? s.akamaiRegions - : s.regions + ? s.wavelengthRegions + : newInstance.cloud_provider === 'akamai' + ? s.akamaiRegions + : s.regions, ); const hasCard = useStoreState(appState, (s) => s.hasCard); const [formState, setFormState] = useState({});