Hide provision throughput checkbox for serverless account (#861)

src/Explorer/Panes/AddDatabasePanel/AddDatabasePanel.tsx

@@ -179,10 +179,12 @@ export const AddDatabasePanel: FunctionComponent<AddDatabasePaneProps> = ({
         />
       )}
       <div className="panelMainContent">
-        <div>
+        <Stack>
           <Stack horizontal>
-            <span className="mandatoryStar">*</span>
-            <Text variant="small">{databaseIdLabel}</Text>
+            <span className="mandatoryStar">*&nbsp;</span>
+            <Text className="panelTextBold" variant="small">
+              {databaseIdLabel}
+            </Text>
             <InfoTooltip>{databaseIdTooltipText}</InfoTooltip>
           </Stack>
 
@@ -203,6 +205,7 @@ export const AddDatabasePanel: FunctionComponent<AddDatabasePaneProps> = ({
             styles={{ root: { width: 300 } }}
           />
 
+          {!isServerlessAccount() && (
             <Stack horizontal>
               <Checkbox
                 title="Provision shared throughput"
@@ -217,6 +220,8 @@ export const AddDatabasePanel: FunctionComponent<AddDatabasePaneProps> = ({
               />
               <InfoTooltip>{databaseLevelThroughputTooltipText}</InfoTooltip>
             </Stack>
+          )}
+        </Stack>
 
         {!isServerlessAccount() && databaseCreateNewShared && (
           <ThroughputInput
@@ -229,7 +234,6 @@ export const AddDatabasePanel: FunctionComponent<AddDatabasePaneProps> = ({
           />
         )}
       </div>
-      </div>
     </RightPaneForm>
   );
 };

src/Explorer/Panes/AddDatabasePanel/__snapshots__/AddDatabasePanel.test.tsx.snap

@@ -10,16 +10,17 @@ exports[`AddDatabasePane Pane should render Default properly 1`] = `
   <div
     className="panelMainContent"
   >
-    <div>
+    <Stack>
       <Stack
         horizontal={true}
       >
         <span
           className="mandatoryStar"
         >
-          *
+          * 
         </span>
         <Text
+          className="panelTextBold"
           variant="small"
         >
           Database id
@@ -82,6 +83,7 @@ exports[`AddDatabasePane Pane should render Default properly 1`] = `
           Provisioned throughput at the database level will be shared across all collections within the database.
         </InfoTooltip>
       </Stack>
+    </Stack>
     <ThroughputInput
       isDatabase={true}
       isSharded={true}
@@ -90,6 +92,5 @@ exports[`AddDatabasePane Pane should render Default properly 1`] = `
       setThroughputValue={[Function]}
     />
   </div>
-  </div>
 </RightPaneForm>
 `;