File size: 2,114 Bytes
136f9cf 5fc68b0 136f9cf 5fc68b0 136f9cf 5fc68b0 136f9cf 5fc68b0 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 |
import { useEffect } from "react";
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
import { useConfig } from "./hooks";
import { useLoading } from "@/contexts/loading-context";
import { Providers } from "./components/Providers";
import { ChatModels } from "./components/ChatModels";
import { EmbeddingModels } from "./components/EmbeddingModels";
import { Others } from "./components/Others";
export function HomePage() {
const { data: config, isLoading, error } = useConfig();
const { startLoading, stopLoading } = useLoading();
// Show loading screen during initial config load
useEffect(() => {
if (isLoading) {
startLoading("Loading configuration...");
} else {
stopLoading();
}
return () => {
stopLoading();
};
}, [isLoading, startLoading, stopLoading]);
if (error) {
return (
<div className="flex items-center justify-center h-screen">
<div className="text-center space-y-4">
<p className="text-destructive">Failed to load configuration</p>
<p className="text-sm text-muted-foreground">Please try refreshing the page</p>
</div>
</div>
);
}
return (
<div className="container mx-auto py-8 px-4">
<Tabs defaultValue="providers" className="space-y-6">
<TabsList className="w-full justify-start">
<TabsTrigger value="providers">Providers</TabsTrigger>
<TabsTrigger value="chat-models">Chat Models</TabsTrigger>
<TabsTrigger value="embedding-models">Embedding Models</TabsTrigger>
<TabsTrigger value="others">Others</TabsTrigger>
</TabsList>
<TabsContent value="providers">
<Providers config={config} />
</TabsContent>
<TabsContent value="chat-models">
<ChatModels config={config} />
</TabsContent>
<TabsContent value="embedding-models">
<EmbeddingModels config={config} />
</TabsContent>
<TabsContent value="others">
<Others config={config} />
</TabsContent>
</Tabs>
</div>
);
} |