pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-22 17:51:12 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add Integrations tab to Admin Settings

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-01 12:39:22 +00:00
parent c9d9bec772
commit fe5964d21d
1 changed files with 32 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/pages/AdminSettings.tsx
View File

@@ -11,7 +11,7 @@ import { AdminHeader } from '@/components/layout/AdminHeader';
import { useAuth } from '@/hooks/useAuth';
import { useUserRole } from '@/hooks/useUserRole';
import { useAdminSettings } from '@/hooks/useAdminSettings';
import { Loader2, Save, Clock, Users, Bell, Shield, Settings, Trash2 } from 'lucide-react';
import { Loader2, Save, Clock, Users, Bell, Shield, Settings, Trash2, Plug } from 'lucide-react';
export default function AdminSettings() {
const { user } = useAuth();
@@ -368,7 +368,7 @@ export default function AdminSettings() {
</div>
<Tabs defaultValue="moderation" className="space-y-6">
<TabsList className="grid w-full grid-cols-4">
<TabsList className="grid w-full grid-cols-5">
<TabsTrigger value="moderation" className="flex items-center gap-2">
<Shield className="w-4 h-4" />
<span className="hidden sm:inline">Moderation</span>
@@ -385,6 +385,10 @@ export default function AdminSettings() {
<Settings className="w-4 h-4" />
<span className="hidden sm:inline">System</span>
</TabsTrigger>
<TabsTrigger value="integrations" className="flex items-center gap-2">
<Plug className="w-4 h-4" />
<span className="hidden sm:inline">Integrations</span>
</TabsTrigger>
</TabsList>
<TabsContent value="moderation">
@@ -490,6 +494,32 @@ export default function AdminSettings() {
</CardContent>
</Card>
</TabsContent>
<TabsContent value="integrations">
<Card>
<CardHeader>
<CardTitle className="flex items-center gap-2">
<Plug className="w-5 h-5" />
Integration Settings
</CardTitle>
<CardDescription>
Configure third-party integrations and external services
</CardDescription>
</CardHeader>
<CardContent className="space-y-4">
{getSettingsByCategory('integrations').length > 0 ? (
getSettingsByCategory('integrations').map((setting) => (
<SettingInput key={setting.id} setting={setting} />
))
) : (
<div className="text-center py-8 text-muted-foreground">
<Plug className="w-12 h-12 mx-auto mb-4 opacity-50" />
<p>No integration settings configured yet.</p>
</div>
)}
</CardContent>
</Card>
</TabsContent>
</Tabs>
</div>
</>