Fix button types

webstudio-is · Sep 23, 2024 · c6e8abc · c6e8abc
1 parent 4f47271
commit c6e8abc
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 1 deletion.
diff --git a/apps/builder/app/builder/features/topbar/add-domain.tsx b/apps/builder/app/builder/features/topbar/add-domain.tsx
@@ -134,6 +134,7 @@ export const AddDomain = ({
           <Button
             color={"dark"}
             prefix={<CustomCodeIcon />}
+            type="button"
             onClick={onExportClick}
           >
             Export

diff --git a/apps/builder/app/builder/features/topbar/domains.tsx b/apps/builder/app/builder/features/topbar/domains.tsx
@@ -50,6 +50,7 @@ const CopyToClipboard = (props: { text: string }) => {
   return (
     <Tooltip content={"Copy to clipboard"}>
       <NestedInputButton
+        type="button"
         onClick={() => {
           navigator.clipboard.writeText(props.text);
         }}

diff --git a/apps/builder/app/builder/features/topbar/entri.tsx b/apps/builder/app/builder/features/topbar/entri.tsx
@@ -30,6 +30,7 @@ export const Entri = ({
         disabled={isOpen}
         color="neutral"
         css={{ width: "100%", flexShrink: 0 }}
+        type="button"
         onClick={() => {
           showDialog();
         }}

diff --git a/apps/builder/app/builder/features/topbar/publish.tsx b/apps/builder/app/builder/features/topbar/publish.tsx
@@ -380,6 +380,7 @@ const PublishStatic = ({
         content={isPublishInProgress ? "Preparing static site" : undefined}
       >
         <Button
+          type="button"
           color="positive"
           state={isPublishInProgress ? "pending" : undefined}
           onClick={() => {
@@ -721,6 +722,7 @@ const ExportContent = (props: { projectId: Project["id"] }) => {
 
           <Tooltip content={"Copy to clipboard"}>
             <Button
+              type="button"
               color="neutral"
               onClick={() => {
                 navigator.clipboard.writeText(npxCommand);
@@ -762,6 +764,7 @@ const ExportContent = (props: { projectId: Project["id"] }) => {
           />
           <Tooltip content={"Copy to clipboard"}>
             <Button
+              type="button"
               css={{ flexShrink: 0 }}
               color="neutral"
               onClick={() => {
@@ -835,7 +838,11 @@ export const PublishButton = ({ projectId }: PublishProps) => {
           sideOffset={Number.parseFloat(rawTheme.spacing[5])}
         >
           <FloatingPanelPopoverTrigger asChild>
-            <Button disabled={isPublishEnabled === false} color="positive">
+            <Button
+              type="button"
+              disabled={isPublishEnabled === false}
+              color="positive"
+            >
               Publish
             </Button>
           </FloatingPanelPopoverTrigger>