Refactor moderation and recordings views; enhance UI components and improve performance

- Cleaned up imports and removed unused hooks in ModerationView and RecordingsView.
- Updated UI elements for better visual consistency and accessibility.
- Improved performance by optimizing rendering logic and reducing unnecessary state updates.
- Added filtering functionality in ChannelCultureGlossary and TermGlossary components.
- Enhanced LiveModerationFeed with GSAP animations for smoother transitions.
- Updated chatbot component for better user experience and responsiveness.
- Refined NavRail component for cleaner code and improved navigation item rendering.
This commit is contained in:
asepharyana committed 2026-08-26 10:39:00 +07:00
1 parent 3b688e0d0f
commit ccfe769b2f
12 files changed
+693 -509

No files matched your search

@@ -1,19 +1,13 @@
"use client";
import {
AlertTriangle,
CheckCircle2,
Filter,
Shield,
ShieldAlert,
} from "lucide-react";
import { useEffect, useState } from "react";
import { useGSAP } from "@gsap/react";
import gsap from "gsap";
import { AlertTriangle, CheckCircle2, Shield } from "lucide-react";
import { useEffect, useState } from "react";
import { useAmbient } from "@/components/ambient/ambient-context";
import { LiveModerationFeed } from "@/components/LiveModerationFeed";
import { ModerationHeatmap } from "@/components/ModerationHeatmap";
import { Button, GlassPanel } from "@/components/primitives";
import { GlassPanel } from "@/components/primitives";
import {
ErrorState,
MetricTile,
@@ -25,9 +19,7 @@ import {
import {
useHourlyModeration,
useModerationActions,
useModerationCoverage,
useModerationStats,
useModerationTrends,
} from "@/hooks";
import { useStaggerReveal } from "@/hooks/use-gsap-animation";
import { formatNumber } from "@/lib/format";
@@ -44,7 +36,7 @@ if (typeof window !== "undefined") {
export function ModerationView({
initialStats,
initialActions,
initialCoverage,
initialCoverage: _initialCoverage,
}: {
initialStats?: ModerationStats;
initialActions?: ModerationAction[];
@@ -62,8 +54,6 @@ export function ModerationView({
initialActions,
);
const { data: hourly } = useHourlyModeration();
const { data: trends } = useModerationTrends(14);
const { data: coverage } = useModerationCoverage(30);
const ambient = useAmbient();
const [filterMode, setFilterMode] = useState<"all" | "flagged" | "clean">(