prettier format

packages/builder/src/components/deploy/DeployModal.svelte

@@ -14,7 +14,6 @@
 
   const POLL_INTERVAL = 1000
 
-
   let loading = false
   let feedbackModal
   let deployments = []
@@ -63,7 +62,10 @@
   // Required to check any updated deployment statuses between polls
   function checkIncomingDeploymentStatus(current, incoming) {
     for (let incomingDeployment of incoming) {
-      if (incomingDeployment.status === DeploymentStatus.FAILURE || incomingDeployment.status === DeploymentStatus.SUCCESS) {
+      if (
+        incomingDeployment.status === DeploymentStatus.FAILURE ||
+        incomingDeployment.status === DeploymentStatus.SUCCESS
+      ) {
         const currentDeployment = current.find(
           deployment => deployment._id === incomingDeployment._id
         )
@@ -76,14 +78,17 @@
           if (incomingDeployment.status === DeploymentStatus.FAILURE) {
             notifications.error(incomingDeployment.err)
           } else {
-            notifications.send("Published to Production.", "success", "CheckmarkCircle")
+            notifications.send(
+              "Published to Production.",
+              "success",
+              "CheckmarkCircle"
+            )
           }
         }
       }
     }
   }
 
-
   onMount(() => {
     fetchDeployments()
     poll = setInterval(fetchDeployments, POLL_INTERVAL)
@@ -92,19 +97,16 @@
   onDestroy(() => clearInterval(poll))
 </script>
 
-
+<Button secondary on:click={publishModal.show}>Publish</Button>
-<Button
-secondary
-on:click={publishModal.show}
->
-Publish
-</Button>
 <Modal bind:this={publishModal}>
-<ModalContent
+  <ModalContent
-  title="Publish to Production"
+    title="Publish to Production"
-  confirmText="Publish"
+    confirmText="Publish"
-  onConfirm={deployApp}
+    onConfirm={deployApp}
->
+  >
-  <span>The changes you have made will be published to the production version of the application.</span>
+    <span
-</ModalContent>
+      >The changes you have made will be published to the production version of
+      the application.</span
+    >
+  </ModalContent>
 </Modal>

packages/builder/src/components/deploy/RevertModal.svelte

@@ -1,6 +1,12 @@
 <script>
   import { onMount, onDestroy } from "svelte"
-  import { Button, Icon, Modal, notifications, ModalContent } from "@budibase/bbui"
+  import {
+    Button,
+    Icon,
+    Modal,
+    notifications,
+    ModalContent,
+  } from "@budibase/bbui"
   import { store } from "builderStore"
   import { apps } from "stores/portal"
   import api from "builderStore/api"
@@ -16,7 +22,9 @@
       if (response.status !== 200) throw json.message
 
       // Reset frontend state after revert
-      const applicationPkg = await api.get(`/api/applications/${appId}/appPackage`)
+      const applicationPkg = await api.get(
+        `/api/applications/${appId}/appPackage`
+      )
       const pkg = await applicationPkg.json()
       if (applicationPkg.ok) {
         await store.actions.initialise(pkg)
@@ -31,14 +39,12 @@
   }
 </script>
 
-
 <Icon name="Revert" hoverable on:click={revertModal.show} />
 <Modal bind:this={revertModal}>
-<ModalContent
+  <ModalContent title="Revert Changes" confirmText="Revert" onConfirm={revert}>
-  title="Revert Changes"
+    <span
-  confirmText="Revert"
+      >The changes you have made will be deleted and the application reverted
-  onConfirm={revert}
+      back to its production state.</span
->
+    >
-  <span>The changes you have made will be deleted and the application reverted back to its production state.</span>
+  </ModalContent>
-</ModalContent>
 </Modal>

packages/builder/src/pages/builder/app/[application]/_layout.svelte

@@ -1,7 +1,16 @@
 <script>
   import { store, automationStore } from "builderStore"
   import { roles } from "stores/backend"
-  import { Button, Icon, Modal, ModalContent, ActionGroup, ActionButton, Tabs, Tab } from "@budibase/bbui"
+  import {
+    Button,
+    Icon,
+    Modal,
+    ModalContent,
+    ActionGroup,
+    ActionButton,
+    Tabs,
+    Tab,
+  } from "@budibase/bbui"
   import SettingsLink from "components/settings/Link.svelte"
   import ThemeEditorDropdown from "components/settings/ThemeEditorDropdown.svelte"
   import FeedbackNavLink from "components/feedback/FeedbackNavLink.svelte"
@@ -84,7 +93,9 @@
       </div>
       <div class="toprightnav">
         <RevertModal />
-        <Icon name="Play" hoverable
+        <Icon
+          name="Play"
+          hoverable
           on:click={() => {
             window.open(`/${application}`)
           }}

packages/builder/src/pages/builder/portal/apps/index.svelte

@@ -63,14 +63,16 @@
 
   const openApp = app => {
     if (app.lockedBy && app.lockedBy?.email === $auth.user?.email) {
-      notifications.error(`App locked by ${app.lockedBy.email}. Please allow lock to expire or have them unlock this app.`)
+      notifications.error(
+        `App locked by ${app.lockedBy.email}. Please allow lock to expire or have them unlock this app.`
+      )
       return
     }
 
     if (appStatus === AppStatus.DEV) {
       $goto(`../../app/${app.appId}`)
     } else {
-      window.open(`/${app.appId}`, '_blank');
+      window.open(`/${app.appId}`, "_blank")
     }
   }