publish settings

webstudio-is · Oct 15, 2024 · a25d78b · a25d78b
1 parent 0c672dd
commit a25d78b
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 19 deletions.
diff --git a/apps/builder/app/builder/features/project-settings/project-settings.tsx b/apps/builder/app/builder/features/project-settings/project-settings.tsx
@@ -19,7 +19,7 @@ import { useState } from "react";
 import { SectionMarketplace } from "./section-marketplace";
 import { leftPanelWidth, rightPanelWidth } from "./utils";
 
-const sectionNames = ["General", "Redirects", "Marketplace"];
+const sectionNames = ["General", "Redirects", "Publish", "Marketplace"];
 
 type SectionName = (typeof sectionNames)[number];
 

diff --git a/apps/builder/app/builder/features/project-settings/section-publish.tsx b/apps/builder/app/builder/features/project-settings/section-publish.tsx
@@ -4,6 +4,7 @@ import {
   Label,
   CheckboxAndLabel,
   Checkbox,
+  Text,
 } from "@webstudio-is/design-system";
 import type { CompilerSettings } from "@webstudio-is/sdk";
 import { $pages } from "~/shared/nano-states";
@@ -31,24 +32,28 @@ export const SectionPublish = () => {
   };
 
   return (
-    <Grid gap={2} css={sectionSpacing}>
-      <Label htmlFor={ids.atomicStyles}>Compiler</Label>
-      <CheckboxAndLabel>
-        <Checkbox
-          checked={settings.atomicStyles ?? true}
-          id={ids.atomicStyles}
-          onCheckedChange={(atomicStyles) => {
-            if (typeof atomicStyles === "boolean") {
-              const nextSettings = { ...settings, atomicStyles };
-              setSettings(nextSettings);
-              handleSave(nextSettings);
-            }
-          }}
-        />
-        <Label htmlFor={ids.atomicStyles}>
-          Generate atomic CSS when publishing
-        </Label>
-      </CheckboxAndLabel>
+    <Grid gap={2}>
+      <Text variant="titles" css={sectionSpacing}>
+        Publishing
+      </Text>
+      <Grid gap={2} css={sectionSpacing}>
+        <CheckboxAndLabel>
+          <Checkbox
+            checked={settings.atomicStyles ?? true}
+            id={ids.atomicStyles}
+            onCheckedChange={(atomicStyles) => {
+              if (typeof atomicStyles === "boolean") {
+                const nextSettings = { ...settings, atomicStyles };
+                setSettings(nextSettings);
+                handleSave(nextSettings);
+              }
+            }}
+          />
+          <Label htmlFor={ids.atomicStyles}>
+            Generate atomic CSS when publishing
+          </Label>
+        </CheckboxAndLabel>
+      </Grid>
     </Grid>
   );
 };