apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-07-02 22:01:05 +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"; "use client";
import { useAtomValue, useSetAtom } from "jotai"; import { useAtomValue, useSetAtom } from "jotai";
import { LayersIcon, XIcon } from "lucide-react"; import { Boxes, XIcon } from "lucide-react";
import { useMemo } from "react"; import { useMemo } from "react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { Drawer, DrawerContent, DrawerHandle, DrawerTitle } from "@/components/ui/drawer"; import { Drawer, DrawerContent, DrawerHandle, DrawerTitle } from "@/components/ui/drawer";
@ -32,7 +32,7 @@ function groupByKind(artifacts: ChatArtifact[]): { label: string; items: ChatArt
function EmptyState() { function EmptyState() {
return ( return (
<div className="flex flex-1 flex-col items-center justify-center gap-2 p-6 text-center select-none"> <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-sm font-medium text-foreground">No artifacts yet</p>
<p className="text-xs text-muted-foreground"> <p className="text-xs text-muted-foreground">
Reports, podcasts, presentations, and images you generate will appear here. 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"; "use client";
import { useAtomValue, useSetAtom } from "jotai"; import { useAtomValue, useSetAtom } from "jotai";
import { LayersIcon } from "lucide-react"; import { Boxes } from "lucide-react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"; import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
@ -34,7 +34,7 @@ export function ArtifactsToggleButton() {
isOpen && "bg-accent text-accent-foreground" 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"> <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} {artifacts.length}
</span> </span>