feat: update routing and sidebar for enums, adjust layout spacing in definitions

Author: letstri

apps/desktop/src/routes/_protected/database/$id/definitions.tsx

@@ -9,7 +9,7 @@ export const Route = createFileRoute(
   beforeLoad: ({ location, params }) => {
     if (location.pathname.endsWith('/definitions') || location.pathname.endsWith('/definitions/')) {
       throw redirect({
-        to: '/database/$id/definitions/indexes',
+        to: '/database/$id/definitions/enums',
         params: { id: params.id },
         replace: true,
       })

apps/desktop/src/routes/_protected/database/$id/definitions/-components/sidebar.tsx

@@ -12,6 +12,11 @@ import { Route } from '../../definitions'
 
 function sidebarItems(connection: typeof connections.$inferSelect) {
   return [
+    {
+      to: '/database/$id/definitions/enums',
+      Icon: RiListUnordered,
+      label: connection.type === ConnectionType.MySQL ? 'Enums & Sets' : 'Enums',
+    },
     {
       to: '/database/$id/definitions/indexes',
       Icon: RiFileList3Line,
@@ -22,11 +27,6 @@ function sidebarItems(connection: typeof connections.$inferSelect) {
       Icon: RiKey2Line,
       label: 'Constraints',
     },
-    {
-      to: '/database/$id/definitions/enums',
-      Icon: RiListUnordered,
-      label: connection.type === ConnectionType.MySQL ? 'Enums & Sets' : 'Enums',
-    },
   ] satisfies { Icon: RemixiconComponentType, label: string, to: keyof FileRoutesByTo }[]
 }
 

apps/desktop/src/routes/_protected/database/$id/definitions/constraints/index.tsx

@@ -84,7 +84,7 @@ function DatabaseConstraintsPage() {
       >
         Constraints
       </DefinitionsHeader>
-      <div className="flex items-center gap-2">
+      <div className="mb-4 flex items-center gap-2">
         <SearchInput
           placeholder="Search constraints"
           autoFocus

apps/desktop/src/routes/_protected/database/$id/definitions/enums/index.tsx

@@ -62,7 +62,7 @@ function DatabaseEnumsPage() {
         Enums
         {connection.type === ConnectionType.MySQL && ' & Sets'}
       </DefinitionsHeader>
-      <div className="flex items-center gap-2">
+      <div className="mb-4 flex items-center gap-2">
         <SearchInput
           placeholder="Search enums"
           autoFocus

apps/desktop/src/routes/_protected/database/$id/definitions/indexes/index.tsx

@@ -99,7 +99,7 @@ function DatabaseIndexesPage() {
       >
         Indexes
       </DefinitionsHeader>
-      <div className="flex items-center gap-2">
+      <div className="flex items-center gap-2 mb-4">
         <SearchInput
           placeholder="Search indexes"
           autoFocus

apps/desktop/src/routes/_protected/database/$id/table/-components/tables-tree.tsx

@@ -70,6 +70,7 @@ function TableItem({ schema, table, pinned = false, search, onRename, onDrop }:
       }}
       preloadDelay={200}
       onDoubleClick={() => addTab(connection.id, schema, table)}
+      className="group"
     >
       {({ isActive }) => (
         <>