fix: drag welcome window (#713)

block · Jan 23, 2025 · c4d302a · c4d302a
1 parent 902dc86
commit c4d302a
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/ui/desktop/src/components/welcome_screen/WelcomeScreen.tsx b/ui/desktop/src/components/welcome_screen/WelcomeScreen.tsx
@@ -1,15 +1,24 @@
 import React from 'react';
 import { ProviderGrid } from '../settings/providers/ProviderGrid';
 import { ScrollArea } from '../ui/scroll-area';
-import BackButton from '../ui/BackButton';
+
+// Extending React CSSProperties to include custom webkit property
+declare module 'react' {
+  interface CSSProperties {
+    WebkitAppRegion?: string; // Now TypeScript knows about WebkitAppRegion
+  }
+}
 
 interface WelcomeScreenProps {
   onSubmit?: () => void;
 }
 
 export function WelcomeScreen({ onSubmit }: WelcomeScreenProps) {
   return (
-    <div className="h-screen w-full">
+    <div
+      className="h-screen w-full select-none"
+      style={{ WebkitAppRegion: 'drag' as React.CSSProperties }}
+    >
       {/* Add draggable title bar region */}
       <div className="h-[36px] w-full bg-transparent window-drag" />