mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-06-02 19:55:18 +02:00
0f2e3c7655
- Enhanced lambda function formatting in `_after_commit` for better clarity. - Simplified generator expression in `_match_condition` for improved readability. - Streamlined function signature in `_eligible` for consistency. - Updated imports and refactored anonymous chat routes to use a new agent creation method. - Added a new function `_load_anon_document` to handle document loading from Redis. - Improved UI components by replacing legacy structures with modern alternatives, including alerts and separators. - Refactored quota-related components to utilize new alert structures for better user feedback. - Cleaned up unused variables and optimized component states for performance.
73 lines
1.9 KiB
TypeScript
73 lines
1.9 KiB
TypeScript
"use client";
|
|
|
|
import { OctagonAlert, Orbit, X } from "lucide-react";
|
|
import Link from "next/link";
|
|
import { useState } from "react";
|
|
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
|
|
import { Button } from "@/components/ui/button";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface QuotaWarningBannerProps {
|
|
used: number;
|
|
limit: number;
|
|
warningThreshold: number;
|
|
className?: string;
|
|
}
|
|
|
|
export function QuotaWarningBanner({
|
|
used,
|
|
limit,
|
|
warningThreshold,
|
|
className,
|
|
}: QuotaWarningBannerProps) {
|
|
const [dismissed, setDismissed] = useState(false);
|
|
const isWarning = used >= warningThreshold && used < limit;
|
|
const isExceeded = used >= limit;
|
|
|
|
if (dismissed || (!isWarning && !isExceeded)) return null;
|
|
|
|
if (isExceeded) {
|
|
return (
|
|
<Alert variant="destructive" className={className}>
|
|
<OctagonAlert />
|
|
<AlertTitle>Free token limit reached</AlertTitle>
|
|
<AlertDescription>
|
|
<p>
|
|
You've used all {limit.toLocaleString()} free tokens. Create a free account to get
|
|
$5 of premium credit and access to all models.
|
|
</p>
|
|
<Button asChild size="sm" className="mt-1">
|
|
<Link href="/register">
|
|
<Orbit data-icon="inline-start" />
|
|
Create Free Account
|
|
</Link>
|
|
</Button>
|
|
</AlertDescription>
|
|
</Alert>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<Alert variant="warning" className={cn("pr-10", className)}>
|
|
<OctagonAlert />
|
|
<AlertTitle>Running low on free tokens</AlertTitle>
|
|
<AlertDescription>
|
|
You've used {used.toLocaleString()} of {limit.toLocaleString()} free tokens.{" "}
|
|
<Link href="/register" className="font-medium underline hover:no-underline">
|
|
Create an account
|
|
</Link>{" "}
|
|
for $5 of premium credit.
|
|
</AlertDescription>
|
|
<Button
|
|
type="button"
|
|
variant="ghost"
|
|
size="icon"
|
|
onClick={() => setDismissed(true)}
|
|
aria-label="Dismiss"
|
|
className="absolute top-2 right-2 size-6"
|
|
>
|
|
<X />
|
|
</Button>
|
|
</Alert>
|
|
);
|
|
}
|