[dashboard] WIP

Author: jankeromnes

components/dashboard/src/projects/ProjectSettings.tsx

@@ -156,13 +156,19 @@ export default function () {
                     </div>
                 </div>
             </div>
-            {BillingMode.canSetWorkspaceClass(teamBillingMode) && (
-                <SelectWorkspaceClass
-                    workspaceClass={project.settings?.workspaceClasses?.regular}
-                    enabled={BillingMode.canSetWorkspaceClass(teamBillingMode)}
-                    setWorkspaceClass={setWorkspaceClass}
-                />
-            )}
+            <div>
+                <h3 className="mt-12">Workspaces</h3>
+                <p className="text-base text-gray-500 dark:text-gray-400">
+                    Choose the workspace machine type for your workspaces.
+                </p>
+                {BillingMode.canSetWorkspaceClass(teamBillingMode) && (
+                    <SelectWorkspaceClass
+                        workspaceClass={project.settings?.workspaceClasses?.regular}
+                        enabled={BillingMode.canSetWorkspaceClass(teamBillingMode)}
+                        setWorkspaceClass={setWorkspaceClass}
+                    />
+                )}
+            </div>
         </ProjectSettingsPage>
     );
 }

components/dashboard/src/settings/selectClass.tsx

@@ -48,26 +48,20 @@ export default function SelectWorkspaceClass(props: SelectWorkspaceClassProps) {
         return <div></div>;
     } else {
         return (
-            <div>
-                <h3 className="mt-12">Workspaces</h3>
-                <p className="text-base text-gray-500 dark:text-gray-400">
-                    Choose the workspace machine type for your workspaces.
-                </p>
-                <div className="mt-4 space-x-3 flex">
-                    {supportedClasses.map((c) => {
-                        return (
-                            <WorkspaceClass
-                                additionalStyles="w-80 h-32"
-                                selected={workspaceClass === c.id}
-                                onClick={() => actuallySetWorkspaceClass(c.id)}
-                                category={c.category}
-                                friendlyName={c.displayName}
-                                description={c.description}
-                                powerUps={c.powerups}
-                            />
-                        );
-                    })}
-                </div>
+            <div className="mt-4 space-x-3 flex">
+                {supportedClasses.map((c) => {
+                    return (
+                        <WorkspaceClass
+                            additionalStyles="w-80 h-32"
+                            selected={workspaceClass === c.id}
+                            onClick={() => actuallySetWorkspaceClass(c.id)}
+                            category={c.category}
+                            friendlyName={c.displayName}
+                            description={c.description}
+                            powerUps={c.powerups}
+                        />
+                    );
+                })}
             </div>
         );
     }