Update cmd palette, teamselect, and settings

Author: lucemans

engine/src/routes/site/mod.rs

@@ -33,6 +33,7 @@ struct File {
 #[derive(Debug, Multipart)]
 pub struct UploadPayload {
     data: Upload,
+    context: Option<String>,
 }
 
 pub struct SiteApi;

web/src/api/auth/store.ts

@@ -42,7 +42,8 @@ authStore.subscribe((snapshot) => {
         console.log('invalidating queries due to auth token change');
         updateAuthToken(snapshot.context.token);
         queryClient.resetQueries({ queryKey: ['auth'] });
-        queryClient.setQueriesData({ queryKey: ['auth'] }, {});
+        // eslint-disable-next-line unicorn/no-null
+        queryClient.setQueriesData({ queryKey: ['auth'] }, null);
     }
 
     last_token = snapshot.context.token;

web/src/components/index.tsx

@@ -2,3 +2,4 @@ export { Avatar } from './avatar';
 export { Button } from './button';
 export { Input } from './input';
 export * from './modal';
+export * from './select';

web/src/components/select/TeamSelect.tsx

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+
+import { Input } from '../input';
+
+export const TeamSelect: FC<{ value?: string }> = ({ value }) => {
+    return <Input value={value} />;
+};

web/src/components/select/index.tsx

@@ -0,0 +1 @@
+export * from './TeamSelect';

web/src/gui/command/CommandPalette.tsx

@@ -89,7 +89,7 @@ const CommandPaletteInternal: FC<{ requestClose: () => void }> = ({
                     )}
                 </ul>
             </div>
-            <Command.List className="max-h-[50vh] overflow-y-auto p-2">
+            <Command.List className="overflow-y-auto p-2">
                 <Command.Empty className="text-sm">
                     No results found.
                 </Command.Empty>

web/src/gui/command/command.tsx

@@ -151,7 +151,7 @@ export const site_commands: CommandEntry[] = [
         title: 'Domains',
         aliases: ['domains', 'domain'],
         slug: 'domains',
-        navigate_to: '/site/$siteId/domains',
+        navigate_to: '/site/$siteId/settings/domains',
     },
     {
         icon: FiSettings,

web/src/routes/_authed/site/$siteId/settings/_s.index.tsx

@@ -2,6 +2,7 @@ import { createFileRoute } from '@tanstack/react-router';
 
 import { useSite } from '@/api';
 import { Button, Input } from '@/components';
+import { TeamSelect } from '@/components/select';
 
 export const Route = createFileRoute('/_authed/site/$siteId/settings/_s/')({
     component: RouteComponent,
@@ -25,7 +26,7 @@ function RouteComponent() {
             <div>
                 <div>Team</div>
                 <div className="flex gap-2">
-                    <Input value={site?.team_id} />
+                    <TeamSelect value={site?.team_id} />
                     <Button onClick={() => alert('Not implemented')}>
                         Transfer
                     </Button>

web/src/styles/index.scss

@@ -90,6 +90,15 @@ a {
     @apply py-2 outline-none;
 }
 
+[cmdk-list] {
+  min-height: 300px;
+  height: var(--cmdk-list-height);
+  max-height: 500px;
+  transition: height 100ms ease;
+  scroll-padding-block-start: 8px;
+  scroll-padding-block-end: 8px;
+}
+
 [cmdk-list-sizer] {
     @apply space-y-2;
 }