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

refactor: unify artifacts icon

Browse source
This commit is contained in:
CREDO23 2026-06-23 15:18:08 +02:00
parent cc624076c9
commit 7e0364f9fe
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
surfsense_web/features/chat-artifacts/ui/artifacts-panel.tsx
View file

@ -1,7 +1,7 @@
"use client";
import { useAtomValue, useSetAtom } from "jotai";
import { LayersIcon, XIcon } from "lucide-react";
import { Boxes, XIcon } from "lucide-react";
import { useMemo } from "react";
import { Button } from "@/components/ui/button";
import { Drawer, DrawerContent, DrawerHandle, DrawerTitle } from "@/components/ui/drawer";
@ -32,7 +32,7 @@ function groupByKind(artifacts: ChatArtifact[]): { label: string; items: ChatArt
function EmptyState() {
return (
<div className="flex flex-1 flex-col items-center justify-center gap-2 p-6 text-center select-none">
<LayersIcon className="size-6 text-muted-foreground/60" />
<Boxes className="size-6 text-muted-foreground/60" />
<p className="text-sm font-medium text-foreground">No artifacts yet</p>
<p className="text-xs text-muted-foreground">
Reports, podcasts, presentations, and images you generate will appear here.

4
surfsense_web/features/chat-artifacts/ui/artifacts-toggle-button.tsx
View file

@ -1,7 +1,7 @@
"use client";
import { useAtomValue, useSetAtom } from "jotai";
import { LayersIcon } from "lucide-react";
import { Boxes } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
import { cn } from "@/lib/utils";
@ -34,7 +34,7 @@ export function ArtifactsToggleButton() {
isOpen && "bg-accent text-accent-foreground"
)}
>
<LayersIcon className="h-4 w-4" />
<Boxes className="h-4 w-4" />
<span className="absolute -top-0.5 -right-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-medium text-primary-foreground tabular-nums">
{artifacts.length}
</span>