apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-06-18 21:15:16 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor(web): replace Card component with Alert for messaging channels notification to enhance user experience

Browse source
This commit is contained in:
Anish Sarkar 2026-06-17 00:06:41 +05:30
parent 9b7e278114
commit 61f071ae68
1 changed files with 9 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

23
surfsense_web/app/dashboard/[search_space_id]/user-settings/components/MessagingChannelsContent.tsx
View file

@ -1,10 +1,11 @@
"use client";
import { MessageCircle, RefreshCw, ShieldAlert } from "lucide-react";
import { AlertTriangle, RefreshCw, ShieldAlert } from "lucide-react";
import { useParams } from "next/navigation";
import { QRCodeSVG } from "qrcode.react";
import { useCallback, useEffect, useState } from "react";
import { toast } from "sonner";
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import {
@ -403,23 +404,17 @@ export function MessagingChannelsContent() {
{isGatewayConfigLoading ? renderGatewaySkeletons() : null}
{!isGatewayConfigLoading && gatewayDisabled ? (
<Card className="col-span-full border-accent bg-accent/20">
<CardHeader className="space-y-3 p-4">
<div className="flex items-center gap-2">
<MessageCircle className="h-5 w-5 text-primary" />
<CardTitle className="text-base">Messaging Channels coming soon</CardTitle>
</div>
<p className="text-sm text-muted-foreground">
<Alert className="col-span-full" variant="warning">
<AlertTriangle aria-hidden />
<AlertTitle>Messaging Channels coming soon</AlertTitle>
<AlertDescription>
<p>
Soon you'll be able to connect WhatsApp, Telegram, Slack, and Discord to your
SurfSense agent so you can ask questions, route messages to search spaces, and get
answers from your knowledge base without leaving your chat app.
</p>
</CardHeader>
<CardContent className="space-y-2 p-4 pt-0 text-sm text-muted-foreground">
<p>Pair a chat once, then DM the SurfSense agent like a teammate.</p>
<p>Each channel can be routed to the right search space when integrations launch.</p>
</CardContent>
</Card>
</AlertDescription>
</Alert>
) : null}
{!isGatewayConfigLoading && !gatewayDisabled && !hasEnabledGateway ? (