linting

packages/builder/src/builderStore/store/frontend.js

@@ -1000,10 +1000,10 @@ export const getFrontendStore = () => {
         const parent = findComponentParent(screen.props, componentId)
         const index = parent?._children.findIndex(x => x._id === componentId)
 
-        if (componentId === 'screen') {
+        if (componentId === "screen") {
           return null
         }
-        if (componentId === 'navigation') {
+        if (componentId === "navigation") {
           return "screen"
         }
         if (parent._id === screen.props._id && index === 0) {
@@ -1037,8 +1037,8 @@ export const getFrontendStore = () => {
         const parent = findComponentParent(screen.props, componentId)
         const index = parent?._children.findIndex(x => x._id === componentId)
 
-        if (state.selectedComponentId === 'screen') {
-          return 'navigation'
+        if (state.selectedComponentId === "screen") {
+          return "navigation"
         }
 
         // If we have children, select first child

packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPreview.svelte

@@ -1,7 +1,12 @@
 <script>
   import { get } from "svelte/store"
   import { onMount, onDestroy } from "svelte"
-  import { store, selectedComponent, selectedScreen, currentAsset } from "builderStore"
+  import {
+    store,
+    selectedComponent,
+    selectedScreen,
+    currentAsset,
+  } from "builderStore"
   import ConfirmDialog from "components/common/ConfirmDialog.svelte"
   import {
     ProgressCircle,

packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/Navigation/index.svelte

@@ -1,5 +1,5 @@
 <script>
-  import LinksEditor from './LinksEditor.svelte'
+  import LinksEditor from "./LinksEditor.svelte"
   import { get } from "svelte/store"
   import Panel from "components/design/Panel.svelte"
   import {
@@ -7,7 +7,6 @@
     Toggle,
     Body,
     Icon,
-    Button,
     ColorPicker,
     Input,
     Label,
@@ -58,8 +57,6 @@
     </div>
   </div>
 
-
-
   {#if $selectedScreen.showNavigation}
     <div class="divider" />
     <div class="customizeSection">
@@ -151,7 +148,8 @@
         </div>
         <ColorPicker
           spectrumTheme={$store.theme}
-        value={$store.navigation.navBackground || DefaultAppTheme.navBackground}
+          value={$store.navigation.navBackground ||
+            DefaultAppTheme.navBackground}
           on:change={e => update("navBackground", e.detail)}
         />
         <div class="label">