pretty

apps/studio/components/interfaces/App/FeaturePreview/NavigationV2Preview.tsx

@@ -18,16 +18,16 @@ const NavigationV2Preview = () => {
             Migrations, and Replication are all top-level items in the Database section.
           </li>
           <li>
-            <strong>Collapsible platform pages</strong> - Auth, Storage, Edge Functions, and Realtime
-            are collapsible items with their sub-pages nested inside.
+            <strong>Collapsible platform pages</strong> - Auth, Storage, Edge Functions, and
+            Realtime are collapsible items with their sub-pages nested inside.
           </li>
           <li>
             <strong>Right icon rail</strong> - Quick access to AI, SQL, Alerts, and Help panels on
             the right side.
           </li>
           <li>
-            <strong>No project header bar</strong> - Project and organization context is displayed in
-            the sidebar header.
+            <strong>No project header bar</strong> - Project and organization context is displayed
+            in the sidebar header.
           </li>
         </ul>
       </div>

apps/studio/components/layouts/Navigation/NavigationBar/ProjectBranchSelectorPopover.tsx

@@ -84,7 +84,7 @@ export function ProjectBranchSelectorPopover({ onClose }: ProjectBranchSelectorP
     branches && branches.length > 0
       ? mainBranch
         ? [mainBranch].concat(restOfBranches ?? [])
-        : restOfBranches ?? []
+        : (restOfBranches ?? [])
       : [defaultMainBranch]
   const branchList = isBranchingEnabled ? sortedBranches : [defaultMainBranch]
 

apps/studio/components/layouts/NavigationV2/NavGroup.tsx

@@ -45,7 +45,7 @@ export function NavGroup({ id, label, items, isCollapsible = true }: NavGroupPro
     LOCAL_STORAGE_KEYS.DASHBOARD_SIDEBAR_STATE,
     {}
   )
-  const isOpen = id ? sidebarState[id] ?? true : true
+  const isOpen = id ? (sidebarState[id] ?? true) : true
   const handleOpenChange = (open: boolean) => {
     if (id && isCollapsible) {
       setSidebarState((prev) => ({ ...prev, [id]: open }))

apps/studio/components/layouts/NavigationV2/useAppSidebarNavItems.ts

@@ -12,15 +12,7 @@ import { useSelectedOrganizationQuery } from 'hooks/misc/useSelectedOrganization
 import { useSelectedProjectQuery } from 'hooks/misc/useSelectedProject'
 import { Home } from 'icons'
 import { IS_PLATFORM, PROJECT_STATUS } from 'lib/constants'
-import {
-  Blocks,
-  Boxes,
-  ChartArea,
-  Compass,
-  Receipt,
-  Settings,
-  Users,
-} from 'lucide-react'
+import { Blocks, Boxes, ChartArea, Compass, Receipt, Settings, Users } from 'lucide-react'
 import { useRouter } from 'next/router'
 
 import { useGenerateSettingsMenu } from '../ProjectSettingsLayout/SettingsMenu.utils'
@@ -81,8 +73,7 @@ export function useAppSidebarNavItems(
     { enabled: isProjectScope }
   )
 
-  const pgNetExtensionExists =
-    (extensions ?? []).find((ext) => ext.name === 'pg_net') !== undefined
+  const pgNetExtensionExists = (extensions ?? []).find((ext) => ext.name === 'pg_net') !== undefined
   const pitrEnabled = addons?.selected_addons.find((addon) => addon.type === 'pitr') !== undefined
 
   const columnLevelPrivileges = useIsColumnLevelPrivilegesEnabled()

apps/studio/components/layouts/ProjectLayout/RestoringState.tsx

@@ -182,3 +182,5 @@ export const RestoringState = () => {
     </div>
   )
 }
+
+export default RestoringState