fix: fix all build blocking errors for bun run build

concord-client/src/components/modals/CreateChannelModal.tsx

@@ -9,17 +9,8 @@ import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Textarea } from "@/components/ui/textarea";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
 import { Hash, Volume2, Loader2 } from "lucide-react";
 import { useCreateChannel } from "@/hooks/useServers";
-import { useCategoriesByInstance } from "@/hooks/useCategories"; // New hook
-import { CategoryWithChannels } from "@/types/api";
 
 interface CreateChannelModalProps {
   isOpen: boolean;
@@ -31,7 +22,6 @@ interface CreateChannelModalProps {
 export const CreateChannelModal: React.FC<CreateChannelModalProps> = ({
   isOpen,
   onClose,
-  instanceId,
   defaultCategoryId,
 }) => {
   const [name, setName] = useState("");
@@ -39,25 +29,8 @@ export const CreateChannelModal: React.FC<CreateChannelModalProps> = ({
   const [type, setType] = useState<"text" | "voice">("text");
   const [categoryId, setCategoryId] = useState(defaultCategoryId || "");
 
-  // Fetch categories using the new API
-  const {
-    data: categories,
-    isLoading: categoriesLoading,
-    error: categoriesError,
-  } = useCategoriesByInstance(instanceId);
-
   const createChannelMutation = useCreateChannel();
 
-  // Update categoryId when defaultCategoryId changes or categories load
-  useEffect(() => {
-    if (defaultCategoryId) {
-      setCategoryId(defaultCategoryId);
-    } else if (categories && categories.length > 0 && !categoryId) {
-      // Auto-select first category if none selected
-      setCategoryId(categories[0].id);
-    }
-  }, [defaultCategoryId, categories, categoryId]);
-
   // Reset form when modal opens/closes
   useEffect(() => {
     if (!isOpen) {
@@ -98,12 +71,6 @@ export const CreateChannelModal: React.FC<CreateChannelModalProps> = ({
           <DialogTitle>Create Channel</DialogTitle>
         </DialogHeader>
 
-        {categoriesError && (
-          <div className="p-3 text-sm text-destructive bg-destructive/10 rounded-md">
-            Failed to load categories. Please try again.
-          </div>
-        )}
-
         <form onSubmit={handleSubmit} className="space-y-4">
           <div className="space-y-2">
             <Label>Channel Type</Label>
@@ -151,46 +118,6 @@ export const CreateChannelModal: React.FC<CreateChannelModalProps> = ({
             />
           </div>
 
-          <div className="space-y-2">
-            <Label>Category</Label>
-            <Select
-              value={categoryId}
-              onValueChange={setCategoryId}
-              required
-              disabled={categoriesLoading}
-            >
-              <SelectTrigger>
-                <SelectValue
-                  placeholder={
-                    categoriesLoading
-                      ? "Loading categories..."
-                      : "Select a category"
-                  }
-                />
-              </SelectTrigger>
-              <SelectContent>
-                {categoriesLoading ? (
-                  <SelectItem value="loading" disabled>
-                    <div className="flex items-center gap-2">
-                      <Loader2 className="h-4 w-4 animate-spin" />
-                      Loading...
-                    </div>
-                  </SelectItem>
-                ) : categories && categories.length > 0 ? (
-                  categories.map((category) => (
-                    <SelectItem key={category.id} value={category.id}>
-                      {category.name}
-                    </SelectItem>
-                  ))
-                ) : (
-                  <SelectItem value="no-categories" disabled>
-                    No categories available
-                  </SelectItem>
-                )}
-              </SelectContent>
-            </Select>
-          </div>
-
           <div className="flex justify-end gap-2">
             <Button type="button" variant="outline" onClick={onClose}>
               Cancel
@@ -201,7 +128,6 @@ export const CreateChannelModal: React.FC<CreateChannelModalProps> = ({
                 !name.trim() ||
                 !categoryId ||
                 createChannelMutation.isPending ||
-                categoriesLoading ||
                 categoryId === "loading" ||
                 categoryId === "no-categories"
               }